@king-design/vue 2.0.0-beta.1 → 2.0.2

package/__tests__/__snapshots__/Vue Next Demos.md

@@ -0,0 +1,1795 @@
+# `Vue Next Demos`
+
+## `badge`
+
+####   `Badge alone`
+
+```
+"<div><div class=\"k-badge k-alone css-5pn8no\"><sup class=\"k-badge-text\"></sup></div><div class=\"k-badge k-has-text k-alone css-5pn8no\"><sup class=\"k-badge-text\">new</sup></div><div class=\"k-badge k-has-text k-alone css-5pn8no\"><sup class=\"k-badge-text\">19</sup></div><div class=\"k-badge k-has-text k-alone css-5pn8no\"><sup class=\"k-badge-text\">99+</sup></div></div>"
+```
+
+####   `Badge basic`
+
+```
+"<div><div class=\"k-badge css-5pn8no\">Message<sup class=\"k-badge-text\"></sup></div><div class=\"k-badge css-5pn8no\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\"></sup></div></div>"
+```
+
+####   `Badge disabled`
+
+```
+"<div><div class=\"k-badge css-5pn8no\">Message</div><div class=\"k-badge css-5pn8no\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Message</button></div><div class=\"k-badge k-has-text css-5pn8no\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Message</button></div><div class=\"k-badge k-has-text css-5pn8no\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Message</button></div></div>"
+```
+
+####   `Badge text`
+
+```
+"<div><div class=\"k-badge k-has-text css-5pn8no\">Message<sup class=\"k-badge-text\">new</sup></div><div class=\"k-badge k-has-text css-5pn8no\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">6</sup></div><div class=\"k-badge k-has-text css-5pn8no\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">19</sup></div><div class=\"k-badge k-has-text css-5pn8no\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Message</button><sup class=\"k-badge-text\">99+</sup></div></div>"
+```
+
+## `breadcrumb`
+
+####   `Breadcrumb basic`
+
+```
+"<div class=\"k-breadcrumb css-dtviyi\"><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\">item 1</a></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\">item 2</a></div><span class=\"k-breadcrumb-separator\">&gt;</span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">item 3</span></div></div>"
+```
+
+####   `Breadcrumb separator`
+
+```
+"<div class=\"k-breadcrumb css-dtviyi\"><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\"><i class=\"k-icon ion-home css-x0ey6t\"></i> item 1 </a></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon ion-ios-arrow-thin-right separator k-large css-x0ey6t\"></i></span><div class=\"k-breadcrumb-item\"><a class=\"k-breadcrumb-link\"><i class=\"k-icon ion-earth css-x0ey6t\"></i> item 2 </a></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon ion-ios-arrow-thin-right separator k-large css-x0ey6t\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\"><i class=\"k-icon ion-planet css-x0ey6t\"></i> item 3 </span></div></div>"
+```
+
+## `button`
+
+####   `Button basic`
+
+```
+"<div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">primary</button><button class=\"k-btn k-secondary css-12uxt25\" tabindex=\"0\" type=\"button\">secondary</button><button class=\"k-btn k-warning css-12uxt25\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger css-12uxt25\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success css-12uxt25\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none css-12uxt25\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-link css-12uxt25\" tabindex=\"0\" type=\"button\">link</button></div>"
+```
+
+####   `Button disabled`
+
+```
+"<div><button class=\"k-btn k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">disabled</button><button class=\"k-btn k-none k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">disabled text</button><button class=\"k-btn k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-search\"></i></button><button class=\"k-btn k-link k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">link</button></div>"
+```
+
+####   `Button ghost`
+
+```
+"<div class=\"wrapper\"><button class=\"k-btn k-ghost css-12uxt25\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-primary k-ghost css-12uxt25\" tabindex=\"0\" type=\"button\">primay</button><button class=\"k-btn k-warning k-ghost css-12uxt25\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger k-ghost css-12uxt25\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success k-ghost css-12uxt25\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none k-ghost css-12uxt25\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-primary k-disabled k-ghost css-12uxt25\" tabindex=\"-1\" type=\"button\">primay</button></div>"
+```
+
+####   `Button group`
+
+```
+"<div><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-danger css-12uxt25\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-danger css-12uxt25\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-danger css-12uxt25\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left\"></i>上一页 </button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\"> 下一页<i class=\"k-icon ion-ios-arrow-right\"></i></button></div><br><br><p>纵向按钮组</p><div class=\"k-btns k-vertical css-16i9d0z\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">重启</button></div><br><br><p>单选按钮组</p><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><p>多选按钮组</p><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-small css-12uxt25\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-12uxt25\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-12uxt25\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-12uxt25\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button></div></div>"
+```
+
+####   `Button icon`
+
+```
+"<div><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search css-x0ey6t\"></i></button><button class=\"k-btn k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search css-x0ey6t\"></i></button><button class=\"k-btn k-none k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search css-x0ey6t\"></i></button><button class=\"k-btn k-danger k-large k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search k-large css-x0ey6t\"></i></button><button class=\"k-btn k-primary css-vqmvwu\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search k-small css-x0ey6t\"></i>搜索</button><button class=\"k-btn k-primary k-circle css-vqmvwu\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search k-small css-x0ey6t\"></i>搜索</button></div>"
+```
+
+####   `Button loading`
+
+```
+"<div><button class=\"k-btn k-primary k-loading k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-rotate ion-load-c k-icon-loading css-x0ey6t\"></i>确认</button><button class=\"k-btn k-btn-icon k-circle k-loading k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-rotate ion-load-c k-icon-loading css-x0ey6t\"></i><i class=\"k-icon ion-ios-search\"></i></button><br> <br><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">点击加载</button><button class=\"k-btn k-primary css-vqmvwu\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search css-x0ey6t\"></i>点击加载</button><button class=\"k-btn k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search css-x0ey6t\"></i></button><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\">图标在右侧<i class=\"k-icon ion-ios-search css-x0ey6t\"></i></button></div>"
+```
+
+####   `Button size`
+
+```
+"<div><button class=\"k-btn k-large css-12uxt25\" tabindex=\"0\" type=\"button\">large</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">default</button><button class=\"k-btn k-small css-12uxt25\" tabindex=\"0\" type=\"button\">small</button><button class=\"k-btn k-mini css-12uxt25\" tabindex=\"0\" type=\"button\">mini</button><br><br><button class=\"k-btn k-large k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search k-large css-x0ey6t\"></i></button><button class=\"k-btn k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search css-x0ey6t\"></i></button><button class=\"k-btn k-small k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search k-small css-x0ey6t\"></i></button><button class=\"k-btn k-mini k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-search k-mini css-x0ey6t\"></i></button></div>"
+```
+
+####   `Button tagName`
+
+```
+"<div><div class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\">div元素按钮</div><div class=\"k-btn k-disabled css-12uxt25\" tabindex=\"-1\">disabled div button</div><a class=\"k-btn css-12uxt25\" href=\"https://www.ksyun.com\" target=\"_blank\" tabindex=\"0\">超链接按钮</a></div>"
+```
+
+## `card`
+
+####   `Card basic`
+
+```
+"<div><div class=\"k-card k-shadow css-jmoj34\"><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-jmoj34\"><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>"
+```
+
+####   `Card extra`
+
+```
+"<div><div class=\"k-card k-shadow css-jmoj34\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div><div class=\"k-card-extra\"><div class=\"k-tabs k-small css-y0nibt\"><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: 10px; 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-jmoj34\"><div class=\"k-card-header c-clearfix\"><div class=\"k-card-title\">用户信息</div><div class=\"k-card-extra\"><div class=\"k-tabs k-small css-y0nibt\"><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: 10px; width: 120px;\"></div></div></div></div></div></div><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
+```
+
+####   `Card grid`
+
+```
+"<div><div class=\"k-card k-shadow k-no-header k-card-grid css-jmoj34\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-x0ey6t\"></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-jmoj34\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-x0ey6t\"></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-jmoj34\"><div class=\"k-card-body\"><div class=\"k-card-column k-center\" style=\"width: 60px;\"><i class=\"k-icon ion-person k-large css-x0ey6t\"></i></div><div class=\"k-card-column k-fluid\">用户名：test</div></div></div></div>"
+```
+
+####   `Card noHeader`
+
+```
+"<div><div class=\"k-card k-shadow k-no-header css-jmoj34\"><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div><div class=\"k-card k-border k-no-header css-jmoj34\"><div class=\"k-card-body\"><div>卡片内容</div><div>卡片内容</div></div></div></div>"
+```
+
+## `carousel`
+
+####   `Carousel autoplay`
+
+```
+"<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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i></button><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-next k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></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>"
+```
+
+####   `Carousel basic`
+
+```
+"<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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i></button><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-next k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></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>"
+```
+
+####   `Carousel effect`
+
+```
+"<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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i></button><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-next k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></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>"
+```
+
+####   `Carousel multiple`
+
+```
+"<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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i></button><button class=\"k-btn k-none k-large k-btn-icon k-carousel-btn k-next k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></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>"
+```
+
+## `cascader`
+
+####   `Cascader basic`
+
+```
+"<div><div class=\"k-select k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div> You selected: null <br><br><div class=\"k-select k-cascader css-1mhb480\" 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-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Cascader changeOnSelect`
+
+```
+"<div><div class=\"k-select k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div> You selected: null</div>"
+```
+
+####   `Cascader custom`
+
+```
+"<div class=\"k-select k-cascader css-1mhb480\" 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-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `Cascader disabled`
+
+```
+"<div><div class=\"k-select k-disabled k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Cascader filterable`
+
+```
+"<div><div class=\"k-select k-cascader css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Cascader loadData`
+
+```
+"<div class=\"k-select k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `Cascader multiple`
+
+```
+"<div><div class=\"k-select k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div> You selected: []</div>"
+```
+
+####   `Cascader size`
+
+```
+"<div><div class=\"k-select k-large k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select k-small k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select k-mini k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Cascader trigger`
+
+```
+"<div class=\"k-select k-cascader css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+## `checkbox`
+
+####   `Checkbox basic`
+
+```
+"<div><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">checkbox</span></label><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">disabled checkbox</span></label><label class=\"k-checkbox k-disabled k-checked css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">disabled checked checkbox</span></label></div>"
+```
+
+####   `Checkbox group`
+
+```
+"<div><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"languages\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"languages\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"languages\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label> Your selected: []</div>"
+```
+
+####   `Checkbox indeterminate`
+
+```
+"<div><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">全选</span></label><hr><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"languages\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"languages\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"languages\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label> Your selected: []</div>"
+```
+
+####   `Checkbox value`
+
+```
+"<div><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">默认值: false</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"checked\"></span><span class=\"k-checkbox-text\"> 指定选中时取值为\"checked\": false</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\"> 指定选中时取值为对象：0</span></label></div>"
+```
+
+## `collapse`
+
+####   `Collapse accordion`
+
+```
+"<div class=\"k-collapse css-1olt6nf k-border\"><div class=\"k-collapse-item css-1a93vz1 k-active\"><div class=\"k-collapse-title\">设计语言<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作，没有共同的语言，一群人不能共同有效地合作。同理，因为每个人都会有不同的心智模式去达成各自的目的，如果没有共同的设计语言，对界面元素的共同理解，那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式，或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解，基于共同的理解，参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时，它就成为一个强大的设计和协作工具，产品创建过程中便可停止专注于界面样式本身，而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1a93vz1\"><div class=\"k-collapse-title\">KDL的价值<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></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-1a93vz1\"><div class=\"k-collapse-title\">设计原则<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说，美不可以建立在清晰和效率之上，效率也不可以妥协于一致性之下，清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则，考虑优先级。 设计由设计者的选择而决定，设计原则为设计者提供了选择依据，从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
+```
+
+####   `Collapse arrow`
+
+```
+"<div class=\"k-collapse css-1olt6nf k-left k-border\"><div class=\"k-collapse-item css-1a93vz1 k-active\"><div class=\"k-collapse-title\">设计语言<a class=\"link\" href=\"/docs/design/language/\">详细说明</a><i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作，没有共同的语言，一群人不能共同有效地合作。同理，因为每个人都会有不同的心智模式去达成各自的目的，如果没有共同的设计语言，对界面元素的共同理解，那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式，或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解，基于共同的理解，参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时，它就成为一个强大的设计和协作工具，产品创建过程中便可停止专注于界面样式本身，而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1a93vz1\"><div class=\"k-collapse-title\">KDL的价值<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></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-1a93vz1\"><div class=\"k-collapse-title\">设计原则<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说，美不可以建立在清晰和效率之上，效率也不可以妥协于一致性之下，清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则，考虑优先级。 设计由设计者的选择而决定，设计原则为设计者提供了选择依据，从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
+```
+
+####   `Collapse basic`
+
+```
+"<div class=\"k-collapse css-1olt6nf k-border\"><div class=\"k-collapse-item css-1a93vz1 k-active\"><div class=\"k-collapse-title\">设计语言<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作，没有共同的语言，一群人不能共同有效地合作。同理，因为每个人都会有不同的心智模式去达成各自的目的，如果没有共同的设计语言，对界面元素的共同理解，那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式，或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解，基于共同的理解，参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时，它就成为一个强大的设计和协作工具，产品创建过程中便可停止专注于界面样式本身，而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1a93vz1\"><div class=\"k-collapse-title\">KDL的价值<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></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-1a93vz1 k-disabled\"><div class=\"k-collapse-title\">设计原则<i class=\"k-icon k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说，美不可以建立在清晰和效率之上，效率也不可以妥协于一致性之下，清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则，考虑优先级。 设计由设计者的选择而决定，设计原则为设计者提供了选择依据，从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
+```
+
+####   `Collapse noBorder`
+
+```
+"<div class=\"k-collapse css-1olt6nf\"><div class=\"k-collapse-item css-1a93vz1 k-active\"><div class=\"k-collapse-title\">设计语言<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作，没有共同的语言，一群人不能共同有效地合作。同理，因为每个人都会有不同的心智模式去达成各自的目的，如果没有共同的设计语言，对界面元素的共同理解，那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式，或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解，基于共同的理解，参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时，它就成为一个强大的设计和协作工具，产品创建过程中便可停止专注于界面样式本身，而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1a93vz1\"><div class=\"k-collapse-title\">KDL的价值<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></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-1a93vz1\"><div class=\"k-collapse-title\">设计原则<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说，美不可以建立在清晰和效率之上，效率也不可以妥协于一致性之下，清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则，考虑优先级。 设计由设计者的选择而决定，设计原则为设计者提供了选择依据，从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
+```
+
+####   `Collapse title`
+
+```
+"<div class=\"k-collapse css-1olt6nf k-border\"><div class=\"k-collapse-item css-1a93vz1 k-active\"><div class=\"k-collapse-title\"><i class=\"ion-cube\"></i>设计语言<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\"><p>语言是合作的基础。在团队中工作，没有共同的语言，一群人不能共同有效地合作。同理，因为每个人都会有不同的心智模式去达成各自的目的，如果没有共同的设计语言，对界面元素的共同理解，那么我们很难通过协作输出协调一致并具备高可用性的产品。</p><p>拥有通用语言意味着我们有相同的方法来命名界面元素和定义设计模式，或者在设计文件和前端框架中使用相同的名称。通用设计语言让团队成员达成了相互理解，基于共同的理解，参与产品创建的每个人都知道这个元素是什么: 它的名称和目的, 为什么这样设计, 以及如何及何时使用它。</p><p>当设计语言是通用知识时，它就成为一个强大的设计和协作工具，产品创建过程中便可停止专注于界面样式本身，而更多地关注用户。</p></div></div><div class=\"k-collapse-item css-1a93vz1\"><div class=\"k-collapse-title\">KDL的价值<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></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-1a93vz1\"><div class=\"k-collapse-title\">设计原则<i class=\"k-icon k-hoverable k-collapse-arrow ion-ios-arrow-right css-x0ey6t\"></i></div><div class=\"k-collapse-wrapper\" style=\"display: none;\"> 原则顺序必须按照给定的顺序执行。也就是说，美不可以建立在清晰和效率之上，效率也不可以妥协于一致性之下，清晰永远都是第一优先级。在制定任何设计决策时都应按照设计原则，考虑优先级。 设计由设计者的选择而决定，设计原则为设计者提供了选择依据，从众多存在矛盾或价值冲突的设计决策中找到平衡。 </div></div></div>"
+```
+
+## `colorpicker`
+
+####   `Colorpicker basic`
+
+```
+"<div><div class=\"k-colorpicker css-bcdrmk\"><div class=\"k-colorpicker-color\"><div class=\"k-colorpicker-inner\" style=\"background-color: rgb(217, 145, 35);\"></div></div><!--portal--></div><span style=\"color: rgb(217, 145, 35); margin-left: 10px; vertical-align: middle;\"> Hello, Colorpicker! </span></div>"
+```
+
+####   `Colorpicker disabled`
+
+```
+"<div class=\"k-colorpicker k-disabled css-bcdrmk\"><div class=\"k-colorpicker-color\"><div class=\"k-colorpicker-inner\" style=\"background-color: rgb(217, 145, 35);\"></div></div><!--portal--></div>"
+```
+
+####   `Colorpicker presets`
+
+```
+"<div><div class=\"k-colorpicker css-bcdrmk\"><div class=\"k-colorpicker-color\"><div class=\"k-colorpicker-inner\" style=\"background-color: rgb(54, 172, 239);\"></div></div><!--portal--></div><div class=\"k-colorpicker css-bcdrmk\"><div class=\"k-colorpicker-color\"><div class=\"k-colorpicker-inner\" style=\"background-color: rgb(217, 145, 35);\"></div></div><!--portal--></div></div>"
+```
+
+####   `Colorpicker size`
+
+```
+"<div><div class=\"k-colorpicker k-large css-bcdrmk\"><div class=\"k-colorpicker-color\"><div class=\"k-colorpicker-inner\" style=\"background-color: rgb(54, 172, 239);\"></div></div><!--portal--></div><div class=\"k-colorpicker css-bcdrmk\"><div class=\"k-colorpicker-color\"><div class=\"k-colorpicker-inner\" style=\"background-color: rgb(54, 172, 239);\"></div></div><!--portal--></div><div class=\"k-colorpicker k-small css-bcdrmk\"><div class=\"k-colorpicker-color\"><div class=\"k-colorpicker-inner\" style=\"background-color: rgb(54, 172, 239);\"></div></div><!--portal--></div><div class=\"k-colorpicker k-mini css-bcdrmk\"><div class=\"k-colorpicker-color\"><div class=\"k-colorpicker-inner\" style=\"background-color: rgb(54, 172, 239);\"></div></div><!--portal--></div></div>"
+```
+
+## `datepicker`
+
+####   `Datepicker basic`
+
+```
+"<div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><div class=\"k-select k-disabled k-datepicker css-1mhb480\" 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-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"2018-01-01\" disabled=\"\" type=\"text\" 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-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Datepicker clearable`
+
+```
+"<div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `Datepicker datetime`
+
+```
+"<div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"时间精确到分钟\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Datepicker disabledDate`
+
+```
+"<div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Datepicker format`
+
+```
+"<div><div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> value: </div><div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> value: </div><div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> value: </div></div>"
+```
+
+####   `Datepicker maxMin`
+
+```
+"<div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> ~ <div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> ~ <div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Datepicker multiple`
+
+```
+"<div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择日期</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: [] <br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择日期和时间</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: [] <br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择年份</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: [] <br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择月份</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: [] <br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">开始日期 ~ 结束日期</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: [] <br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">开始时间 ~ 结束时间</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: [] <br><br></div>"
+```
+
+####   `Datepicker range`
+
+```
+"<div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: null <br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: null <br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: null <br><br><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div> You selected: null <br><br></div>"
+```
+
+####   `Datepicker shortcuts`
+
+```
+"<div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Datepicker yearMonth`
+
+```
+"<div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div></div>"
+```
+
+## `diagram`
+
+####   `Diagram basic`
+
+```
+"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><ddiamond></ddiamond><dcircle></dcircle><dline></dline><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 193px; height: 187px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 193px; min-height: 187px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"36\" y=\"0\" width=\"120\" height=\"60\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(75,6)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"42\" height=\"49\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 43px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\"><h2>hello</h2></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 40 106 L 80 146 L 40 186 L 0 146 Z\" fill=\"#ffffff\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g style=\"\"><g transform=\"translate(26,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"29\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 30px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">world</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><ellipse cx=\"152\" cy=\"146\" rx=\"40\" ry=\"40\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></ellipse></g><g style=\"\"><g transform=\"translate(143,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"19\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 20px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">kpc</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 40 104.88 L 36.5 97.88 L 40 99.63 L 43.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 152 104.88 L 148.5 97.88 L 152 99.63 L 155.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
+```
+
+####   `Diagram children`
+
+```
+"<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-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></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-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></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>"
+```
+
+####   `Diagram select`
+
+```
+"<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 1px; min-height: 1px;\"><g><g></g><g></g><g></g><g></g></g></svg></div></div>"
+```
+
+## `dialog`
+
+####   `Dialog asyncClose`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Close Dialog Asynchronously</button><!--portal--></div>"
+```
+
+####   `Dialog basic`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
+```
+
+####   `Dialog block`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Show Dialog</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Show No Footer Dialog</button><!--portal--><!--portal--></div>"
+```
+
+####   `Dialog destroy`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
+```
+
+####   `Dialog events`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
+```
+
+####   `Dialog overlay`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
+```
+
+####   `Dialog size`
+
+```
+"<div><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show large Dialog</button><!--portal--><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show default Dialog</button><!--portal--><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show small Dialog</button><!--portal--><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show mini Dialog</button><!--portal--></div><br><br><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show 300px wide dialog</button><!--portal--></div>"
+```
+
+####   `Dialog static`
+
+```
+"<div><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show Success Dialog</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show Warning Dialog</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show Error Dialog</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show Confirm Dialog</button></div><br><br><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show Success Dialog with Title</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show Warning Dialog with Title</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show Error Dialog with Title</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Show Confirm Dialog with Title</button></div></div>"
+```
+
+####   `Dialog terminate`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
+```
+
+## `drawer`
+
+####   `Drawer basic`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Show Drawer</button><!--portal--></div>"
+```
+
+####   `Drawer overlay`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Show Drawer Without Overlay</button><!--portal--></div>"
+```
+
+####   `Drawer placement`
+
+```
+"<div><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">从上侧出现</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">从下侧出现</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">从左侧出现</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">从右侧出现</button></div><!--portal--></div>"
+```
+
+## `dropdown`
+
+####   `Dropdown basic`
+
+```
+"<div><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--></div>"
+```
+
+####   `Dropdown checkbox`
+
+```
+"<div><button class=\"k-btn css-sh32zi\" tabindex=\"0\" type=\"button\">More<i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i></button><!--portal--></div>"
+```
+
+####   `Dropdown contextmenu`
+
+```
+"<div class=\"contextmenu-area\"> right click this area to show context menu </div><!--portal-->"
+```
+
+####   `Dropdown disabled`
+
+```
+"<div><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\"> disabled <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\"> disabled item <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--></div>"
+```
+
+####   `Dropdown nested`
+
+```
+"<div><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--></div>"
+```
+
+####   `Dropdown position`
+
+```
+"<div><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\"> left <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\"> right <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\"> top center <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--></div>"
+```
+
+####   `Dropdown tooltip`
+
+```
+"<div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">DropdownItem with Tooltip</button><!--portal--></div>"
+```
+
+####   `Dropdown trigger`
+
+```
+"<div><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--><button class=\"k-btn k-primary css-sh32zi\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon ion-ios-arrow-down css-x0ey6t\"></i></button><!--portal--></div>"
+```
+
+## `editable`
+
+####   `Editable basic`
+
+```
+"<div><div class=\"k-editable css-1cyjpi8\"><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-x0ey6t\" title=\"编辑\"></i><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><a href=\"\">editable text</a></div></div><br><div class=\"k-editable k-disabled css-1cyjpi8\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><a href=\"\">disabled editable text</a></div></div></div>"
+```
+
+####   `Editable validate`
+
+```
+"<div><div class=\"k-editable css-1cyjpi8\"><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-x0ey6t\" title=\"编辑\"></i><div class=\"c-ellipsis\">100</div></div><br><div class=\"k-editable css-1cyjpi8\"><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-x0ey6t\" title=\"编辑\"></i><div class=\"c-ellipsis\">100</div></div><br><div class=\"k-editable css-1cyjpi8\"><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-x0ey6t\" title=\"编辑\"></i><div class=\"c-ellipsis\">100</div></div></div>"
+```
+
+## `form`
+
+####   `Form basic`
+
+```
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-1frgjei\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-9px8r3\" 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-9px8r3\" 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-9px8r3\" 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-1frgjei\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-1r7l1sz\" 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-1frgjei\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-1frgjei\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><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-1frgjei\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\" style=\"margin-left: 20px;\">重置</button></div></div></form>"
+```
+
+####   `Form custom`
+
+```
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1frgjei\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div><template slot=\"append\"></template></div></div><div class=\"k-form-item css-1frgjei\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div><template slot=\"append\"></template></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
+```
+
+####   `Form label`
+
+```
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\"><i class=\"ion-person\"></i> 姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div></form>"
+```
+
+####   `Form layout`
+
+```
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"submit\">Submit</button></div></div></form>"
+```
+
+####   `Form remote`
+
+```
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div></form>"
+```
+
+####   `Form variable`
+
+```
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><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-1frgjei\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></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-1frgjei\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div></div></div></div></div></div></form>"
+```
+
+## `grid`
+
+####   `Grid basic`
+
+```
+"<div><div class=\"k-row css-1d2b9xj\"><div class=\"k-col k-12 css-1xiwk0e\">col-12</div><div class=\"k-col k-12 css-1xiwk0e\">col-12</div></div><div class=\"k-row css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-6 css-1xiwk0e\">col-6</div><div class=\"k-col k-8 css-1xiwk0e\">col-8</div><div class=\"k-col k-6 css-1xiwk0e\">col-6</div></div></div>"
+```
+
+####   `Grid flexAlign`
+
+```
+"<div><h4>顶端对齐 top</h4><div class=\"k-row k-justify-center k-align-top css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 100px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 60px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 80px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 40px;\">col-4</div></div><h4>底部对齐 bottom</h4><div class=\"k-row k-justify-center k-align-bottom css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 100px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 60px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 80px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 40px;\">col-4</div></div><h4>居中对齐 middle</h4><div class=\"k-row k-justify-center k-align-middle css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 100px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 60px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 80px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 40px;\">col-4</div></div><h4>撑开成容器高度 stretch</h4><div class=\"k-row k-justify-center k-align-stretch css-1d2b9xj\" style=\"height: 100px;\"><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div></div><h4>基线对齐 baseline</h4><div class=\"k-row k-justify-center k-align-baseline css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 100px; font-size: 20px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 60px; font-size: 16px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 80px; font-size: 28px;\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\" style=\"height: 40px; font-size: 12px;\">col-4</div></div></div>"
+```
+
+####   `Grid flexLayout`
+
+```
+"<div><h4>居左 start</h4><div class=\"k-row k-justify-start css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div></div><h4>居右 end</h4><div class=\"k-row k-justify-end css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div></div><h4>居中 center</h4><div class=\"k-row k-justify-center css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div></div><h4>平均分布，顶边 between</h4><div class=\"k-row k-justify-between css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div></div><h4>平均分布，与边界的距离是两个子元素的一半 around</h4><div class=\"k-row k-justify-around css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div></div><h4>平均分布，间距（包括边界）相等 evenly</h4><div class=\"k-row k-justify-evenly css-1d2b9xj\"><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div><div class=\"k-col k-4 css-1xiwk0e\">col-4</div></div></div>"
+```
+
+####   `Grid flexOrder`
+
+```
+"<div class=\"k-row css-1d2b9xj\"><div class=\"k-col k-6 k-order-4 css-1xiwk0e\">1 col-6 order-4</div><div class=\"k-col k-6 k-order-3 css-1xiwk0e\">2 col-6 order-3</div><div class=\"k-col k-6 k-order-2 css-1xiwk0e\">3 col-6 order-2</div><div class=\"k-col k-6 k-order-1 css-1xiwk0e\">4 col-6 order-1</div></div>"
+```
+
+####   `Grid gutter`
+
+```
+"<div><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>col-12</div></div></div><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div>col-12</div></div></div></div><div class=\"k-row css-1d2b9xj\" style=\"margin-left: -8px; margin-right: -8px;\"><div class=\"k-col k-4 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div>col-4</div></div></div><div class=\"k-col k-6 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div>col-6</div></div></div><div class=\"k-col k-8 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div>col-8</div></div></div><div class=\"k-col k-6 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div>col-6</div></div></div></div></div>"
+```
+
+####   `Grid offset`
+
+```
+"<div><div class=\"k-row no-gutter css-1d2b9xj\"><div class=\"k-col k-6 k-offset-6 css-1xiwk0e\">col-6 offset-6</div><div class=\"k-col k-6 k-offset-6 css-1xiwk0e\">col-6 offset-6</div></div><div class=\"k-row gutter css-1d2b9xj\" style=\"margin-left: -8px; margin-right: -8px;\"><div class=\"k-col k-6 k-offset-6 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\">col-6 gutter-16 offset-6</div></div><div class=\"k-col k-6 k-offset-6 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\">col-6 gutter-16 offset-6</div></div></div></div>"
+```
+
+####   `Grid pushPull`
+
+```
+"<div class=\"k-row css-1d2b9xj\"><div class=\"k-col k-18 k-push-6 css-1xiwk0e\">1 col-18 push-6</div><div class=\"k-col k-6 k-pull-18 css-1xiwk0e\">2 col-6 push-18</div></div>"
+```
+
+####   `Grid responsive`
+
+```
+"<div><h4>指定每一个断点Col所占的栅格数</h4><div class=\"k-row css-1d2b9xj\"><div class=\"k-col css-1xiwk0e k-xxl-11 k-xl-10 k-lg-8 k-md-6 k-sm-4 k-2\">col</div><div class=\"k-col css-1xiwk0e k-xxl-2 k-xl-4 k-lg-8 k-md-12 k-sm-16 k-20\">col</div><div class=\"k-col css-1xiwk0e k-xxl-11 k-xl-10 k-lg-8 k-md-6 k-sm-4 k-2\">col</div></div><h4>指定一个断点，当宽度小于该断点时，Col将以100%宽度纵向排列</h4><div class=\"k-row css-1d2b9xj\"><div class=\"k-col css-1xiwk0e k-md-16\">col-md-18</div><div class=\"k-col css-1xiwk0e k-md-8\">col-md-8</div></div><h4>同时指定多个属性</h4><div class=\"k-row css-1d2b9xj\"><div class=\"k-col css-1xiwk0e k-lg-8 k-lg-offset-8 k-lg-order-2 k-md-4 k-md-offset-4 k-md-order-1\">1 col</div><div class=\"k-col css-1xiwk0e k-lg-4 k-lg-offset-4 k-lg-order-1 k-md-8 k-md-offset-8 k-md-order-2\">2 col</div></div></div>"
+```
+
+## `icon`
+
+####   `Icon basic`
+
+```
+"<div><i class=\"k-icon ion-happy-outline css-x0ey6t\" style=\"font-size: 36px;\"></i><i class=\"k-icon ion-happy-outline k-large css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-small css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-mini css-x0ey6t\"></i></div>"
+```
+
+####   `Icon color`
+
+```
+"<div><i class=\"k-icon ion-happy-outline k-large css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large k-primary css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large k-warning css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large k-danger css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large k-success css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large css-r6i8qr\" style=\"color: red;\"></i><i class=\"k-icon ion-happy-outline k-large css-1mdjlst\" style=\"color: rgb(0, 0, 234);\"></i><i class=\"k-icon ion-happy-outline k-large css-13b1fmo\" style=\"color: rgb(183, 18, 193);\"></i><br><br><i class=\"k-icon k-hoverable ion-happy-outline k-large css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-primary css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-warning css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-danger css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-success css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-r6i8qr\" style=\"color: red;\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-1mdjlst\" style=\"color: rgb(0, 0, 234);\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-13b1fmo\" style=\"color: rgb(183, 18, 193);\"></i></div>"
+```
+
+## `input`
+
+####   `Input autowidth`
+
+```
+"<div class=\"k-input k-auto-width css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">auto width</div></div></div>"
+```
+
+####   `Input basic`
+
+```
+"<div><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"></div></div>  <br><div class=\"k-input k-disabled css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"disabled\" disabled=\"\" type=\"text\"></div></div></div>"
+```
+
+####   `Input blocks`
+
+```
+"<div><div class=\"k-input k-group css-1cug0ah\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><div class=\"k-input k-group css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"></div><div class=\"k-input-append\"><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-x0ey6t\"></i></button></div></div><div class=\"k-input k-group css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-x0ey6t\"></i></button></div></div><div class=\"k-input k-group css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">搜索</button></div></div><div class=\"k-input k-with-prefix k-with-suffix css-1cug0ah\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-x0ey6t\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable ion-ios-search css-x0ey6t\"></i></div></div></div><div class=\"k-input k-group k-with-prefix k-with-suffix css-1cug0ah\"><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-x0ey6t\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable ion-ios-search css-x0ey6t\"></i></div></div><div class=\"k-input-append k-input-padding\">.com</div></div></div>"
+```
+
+####   `Input clearable`
+
+```
+"<div><div class=\"k-input k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><br><div class=\"k-input k-disabled k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" type=\"text\" value=\"disabled\"></div></div><br><div class=\"k-input k-with-suffix k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> <i class=\"k-icon k-hoverable ion-ios-search css-x0ey6t\"></i></div></div></div><br><div class=\"k-input k-with-suffix k-clearable k-stack-clear css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> <i class=\"k-icon k-hoverable ion-ios-search css-x0ey6t\"></i></div></div></div></div>"
+```
+
+####   `Input frozen`
+
+```
+"<div><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"#ddd\"></div></div><br><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"#ddd\"></div></div></div>"
+```
+
+####   `Input inline`
+
+```
+"<div class=\"k-input k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"内联文字\" type=\"text\"></div></div>"
+```
+
+####   `Input search`
+
+```
+"<div><form class=\"k-search k-hide css-7l8btv\"><div class=\"k-input k-with-suffix k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-x0ey6t\"></i></button></form><br><form class=\"k-search k-hide k-line css-7l8btv\"><div class=\"k-input k-with-suffix k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-x0ey6t\"></i></button></form></div>"
+```
+
+####   `Input size`
+
+```
+"<div><div class=\"k-input k-large css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"large\"></div></div><br><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"default\"></div></div><br><div class=\"k-input k-small css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"small\"></div></div><div class=\"k-input k-small k-group css-1cug0ah\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><div class=\"k-input k-small k-group k-with-prefix css-1cug0ah\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-earth\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"ion-ios-search\"></i></button></div></div><div class=\"k-input k-small k-group k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-small css-12uxt25\" tabindex=\"0\" type=\"button\">Search</button></div></div><div class=\"k-input k-mini css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"mini\"></div></div></div>"
+```
+
+####   `Input textarea`
+
+```
+"<div><div class=\"k-input css-1cug0ah\"><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 css-1cug0ah\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"5\"></textarea></div></div></div>"
+```
+
+## `layout`
+
+####   `Layout aside`
+
+```
+"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-iafzcm\" style=\"width: 200px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-dark k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\"><div class=\"k-layout-header k-dark css-1yy48co\" style=\"height: 64px;\"><button class=\"k-btn k-none k-large css-12uxt25\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-x0ey6t\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body\"><div class=\"k-breadcrumb css-dtviyi\"><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>"
+```
+
+####   `Layout asideFix`
+
+```
+"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-white css-iafzcm\" style=\"width: 260px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-white k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</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-1yy48co\" style=\"height: 64px; left: 260px;\"><button class=\"k-btn k-none k-large css-12uxt25\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-x0ey6t\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body\" style=\"margin-top: 64px;\"><div class=\"k-breadcrumb css-dtviyi\"><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>"
+```
+
+####   `Layout basic`
+
+```
+"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-dark header css-1yy48co\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">menu 2</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><!--portal--></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">menu 4</div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-light css-iafzcm\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div></div><div class=\"k-layout-body\"><div class=\"k-breadcrumb css-dtviyi\"><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>"
+```
+
+####   `Layout fix`
+
+```
+"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-1yy48co\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">menu 2</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><!--portal--></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">menu 4</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-iafzcm\" style=\"width: 200px; top: 64px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div></div><div class=\"k-layout-body\" style=\"padding-left: 200px;\"><div class=\"k-breadcrumb css-dtviyi\"><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>"
+```
+
+####   `Layout theme`
+
+```
+"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-white header css-1yy48co\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-white k-horizontal css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">menu 2</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><!--portal--></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">menu 4</div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-white css-iafzcm\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-white k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div></div><div class=\"k-layout-body\"><div class=\"k-breadcrumb css-dtviyi\"><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-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">white<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div></div>"
+```
+
+## `menu`
+
+####   `Menu accordion`
+
+```
+"<div class=\"k-menu k-dark k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2 </div></div></div><div class=\"k-menu-item k-expanded css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> sub menu 1 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">Option 1</div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> sub menu 4 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">Option 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">Option 2</div></div></div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div></div></div></div>"
+```
+
+####   `Menu basic`
+
+```
+"<div class=\"k-menu k-dark k-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> sub menu 4 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">Option 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">Option 2</div></div></div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div>"
+```
+
+####   `Menu collapse`
+
+```
+"<div><div class=\"k-switch k-default css-1r7l1sz\" 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-1r7l1sz\" 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-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> sub menu 4 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 2</div></div></div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div>"
+```
+
+####   `Menu dot`
+
+```
+"<div class=\"k-menu k-light k-vertical css-drqtdg\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-x0ey6t\"></i>Header</div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-x0ey6t\"></i><div class=\"k-menu-name\">menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-x0ey6t\"></i><div class=\"k-menu-name\">menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\"><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-x0ey6t\"></i><div class=\"k-menu-name\">menu 4</div></div></div></div>"
+```
+
+####   `Menu horizontal`
+
+```
+"<div><div class=\"k-menu k-dark k-horizontal css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><!--portal--></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div><br><br><div class=\"k-switch k-default css-1r7l1sz\" 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>"
+```
+
+####   `Menu size`
+
+```
+"<div><div class=\"k-switch k-default css-1r7l1sz\" 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-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">white<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-default css-1r7l1sz\" 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-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" 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-drqtdg\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-x0ey6t\"></i>Header</div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><i class=\"k-icon k-menu-dot ion-record css-x0ey6t\"></i><div class=\"k-menu-name\">menu 2</div></div></div><div class=\"k-menu-item k-expanded css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> sub menu 4 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 2</div></div></div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div>"
+```
+
+####   `Menu theme`
+
+```
+"<div><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" 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-drqtdg\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-x0ey6t\"></i>Header</div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 4</div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div>"
+```
+
+## `message`
+
+####   `Message basic`
+
+```
+"<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">success</button></div>"
+```
+
+####   `Message config`
+
+```
+"<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">info</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">error</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">success</button></div>"
+```
+
+####   `Message duration`
+
+```
+"<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">close after 10s</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">stick message</button></div>"
+```
+
+## `pagination`
+
+####   `Pagination basic`
+
+```
+"<div><div class=\"k-pagination css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
+```
+
+####   `Pagination counts`
+
+```
+"<div><div class=\"k-pagination css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
+```
+
+####   `Pagination current`
+
+```
+"<div><div class=\"k-pagination css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><br><br><div class=\"k-pagination css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
+```
+
+####   `Pagination goto`
+
+```
+"<div><div class=\"k-pagination css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
+```
+
+####   `Pagination noBoard`
+
+```
+"<div><div class=\"k-pagination k-large k-no-border css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-no-border css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-small k-no-border css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-mini k-no-border css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
+```
+
+####   `Pagination simple`
+
+```
+"<div><div class=\"k-pagination k-large k-simple css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-simple css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-small k-simple css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-mini k-simple css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div>"
+```
+
+####   `Pagination size`
+
+```
+"<div><div class=\"k-pagination k-large css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-active css-12uxt25\" 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-12uxt25\" 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-12uxt25\" 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-12uxt25\" 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-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-small css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-12uxt25\" 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-12uxt25\" 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-12uxt25\" 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-12uxt25\" 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-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-mini css-14zkq5o\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-active css-12uxt25\" 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-12uxt25\" 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-12uxt25\" 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-12uxt25\" 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-12uxt25\" 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-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
+```
+
+## `progress`
+
+####   `Progress basic`
+
+```
+"<div><div class=\"k-progress k-bar k-active css-e22hlt\"><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-e22hlt\"><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\"><span><i class=\"k-icon k-progress-icon k-icon-truth css-x0ey6t\"></i></span></div></div></div>"
+```
+
+####   `Progress children`
+
+```
+"<div><div class=\"k-progress k-circle k-active css-e22hlt\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"58\" stroke-dashoffset=\"218.65484868984962\" stroke-dasharray=\"364.424747816416\" stroke-width=\"4\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\" stroke-dasharray=\"364.424747816416\" stroke-dashoffset=\"364.424747816416\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"364.424747816416\" to=\"218.65484868984962\"></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-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">-</button></div></div>"
+```
+
+####   `Progress circle`
+
+```
+"<div><div class=\"k-progress k-circle k-active css-e22hlt\"><svg class=\"k-progress-canvas\" viewBox=\"0 0 120 120\"><circle class=\"k-progress-meter\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\"></circle><circle class=\"k-progress-value\" cx=\"60\" cy=\"60\" r=\"58\" stroke-dashoffset=\"182.212373908208\" stroke-dasharray=\"364.424747816416\" stroke-width=\"4\"></circle><circle class=\"k-progress-animate\" cx=\"60\" cy=\"60\" r=\"58\" stroke-width=\"4\" stroke-dasharray=\"364.424747816416\" stroke-dashoffset=\"364.424747816416\"><animate attributeName=\"stroke-dashoffset\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"364.424747816416\" to=\"182.212373908208\"></animate><animate attributeName=\"opacity\" begin=\"0s\" dur=\"2s\" repeatCount=\"indefinite\" from=\"0.2\" to=\"0\"></animate></circle></svg><div class=\"k-progress-text\"><span>50%</span></div></div></div>"
+```
+
+####   `Progress customColor`
+
+```
+"<div><div class=\"k-progress k-bar k-active css-e22hlt\"><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-e22hlt\"><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-e22hlt\"><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-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">-</button></div></div>"
+```
+
+####   `Progress innerText`
+
+```
+"<div><div class=\"k-progress k-bar k-active css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 0%;\"><div class=\"k-progress-inner-text\">0 %
+                </div></div></div></div></div><div class=\"k-progress k-bar k-active css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 50%;\"><div class=\"k-progress-inner-text\">50 %
+                </div></div></div></div></div><div class=\"k-progress k-bar k-error css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 60%;\"><div class=\"k-progress-inner-text\">60 %
+                </div></div></div></div></div><div class=\"k-progress k-bar k-success css-e22hlt\"><div class=\"k-progress-container\"><div class=\"k-progress-content\"><div class=\"k-progress-bg\" style=\"width: 70%;\"><div class=\"k-progress-inner-text\">70 %
+                </div></div></div></div></div></div>"
+```
+
+####   `Progress size`
+
+```
+"<div><div class=\"k-progress k-bar k-active css-e22hlt\"><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-active k-small css-e22hlt\"><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-active k-mini css-e22hlt\"><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>"
+```
+
+####   `Progress status`
+
+```
+"<div><div class=\"k-progress k-bar k-active css-e22hlt\"><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-e22hlt\"><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-e22hlt\"><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-error css-e22hlt\"><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><i class=\"k-icon k-progress-icon k-icon-fault css-x0ey6t\"></i></span></div></div><div class=\"k-progress k-bar k-success css-e22hlt\"><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><i class=\"k-icon k-progress-icon k-icon-truth css-x0ey6t\"></i></span></div></div></div>"
+```
+
+## `radio`
+
+####   `Radio basic`
+
+```
+"<div><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-radio-text\">radio</span></label><label class=\"k-radio k-disabled css-9px8r3\" tabindex=\"-1\"><span class=\"k-radio-wrapper\"><input type=\"radio\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-radio-text\">disabled radio</span></label><label class=\"k-radio k-disabled k-checked css-9px8r3\" tabindex=\"-1\"><span class=\"k-radio-wrapper\"><input type=\"radio\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-radio-text\">disabled checked radio</span></label></div>"
+```
+
+####   `Radio group`
+
+```
+"<div><label class=\"k-radio k-checked css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input name=\"language\" type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input name=\"language\" type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input name=\"language\" type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label> Your selected: Javascript</div>"
+```
+
+####   `Radio value`
+
+```
+"<div><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-radio-text\">默认值：false</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"checked\"></span><span class=\"k-radio-text\"> 指定选中时的取值为\"checked\": false</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-radio-text\"> 指定选中时的取值为对象：false</span></label></div>"
+```
+
+## `rate`
+
+####   `Rate basic`
+
+```
+"<div><div class=\"k-rate css-1rbf1ih\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div></div><br><div class=\"k-rate css-1rbf1ih\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item k-half\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div></div></div>"
+```
+
+####   `Rate clearable`
+
+```
+"<div class=\"k-rate css-1rbf1ih\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div></div>"
+```
+
+####   `Rate custom`
+
+```
+"<div class=\"k-rate css-1rbf1ih\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-heart css-x0ey6t\"></i></div></div></div>"
+```
+
+####   `Rate disabled`
+
+```
+"<div class=\"k-rate k-disabled css-1rbf1ih\"><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item k-full\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div><div class=\"k-rate-item\"><div class=\"k-rate-first\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div>
+            <div class=\"k-rate-second\"><i class=\"k-icon ion-android-star css-x0ey6t\"></i></div></div></div>"
+```
+
+## `scrollSelect`
+
+####   `ScrollSelect basic`
+
+```
+"<div class=\"k-scroll-select css-172p05w\"><div class=\"k-scroll-select-wrapper\" style=\"transform: translateY(-222.5px); margin-top: 0px;\"><div class=\"k-scroll-select-item\">4月</div><div class=\"k-scroll-select-item\">5月</div><div class=\"k-scroll-select-item\">6月</div><div class=\"k-scroll-select-item\">7月</div><div class=\"k-scroll-select-item\">8月</div><div class=\"k-scroll-select-item\">9月</div><div class=\"k-scroll-select-item\">10月</div><div class=\"k-scroll-select-item\">11月</div><div class=\"k-scroll-select-item\">12月</div><div class=\"k-scroll-select-item k-active\">1月</div><div class=\"k-scroll-select-item\">2月</div><div class=\"k-scroll-select-item\">3月</div><div class=\"k-scroll-select-item\">4月</div><div class=\"k-scroll-select-item\">5月</div><div class=\"k-scroll-select-item\">6月</div><div class=\"k-scroll-select-item\">7月</div><div class=\"k-scroll-select-item\">8月</div><div class=\"k-scroll-select-item\">9月</div><div class=\"k-scroll-select-item\">10月</div></div><div class=\"k-scroll-select-border\"></div></div>"
+```
+
+####   `ScrollSelect disable`
+
+```
+"<div class=\"k-scroll-select css-172p05w\"><div class=\"k-scroll-select-wrapper\" style=\"transform: translateY(-222.5px); margin-top: 0px;\"><div class=\"k-scroll-select-item\">2019年</div><div class=\"k-scroll-select-item k-disabled\">2020年</div><div class=\"k-scroll-select-item\">2021年</div><div class=\"k-scroll-select-item\">2022年</div><div class=\"k-scroll-select-item\">2013年</div><div class=\"k-scroll-select-item\">2014年</div><div class=\"k-scroll-select-item\">2015年</div><div class=\"k-scroll-select-item k-disabled\">2016年</div><div class=\"k-scroll-select-item\">2017年</div><div class=\"k-scroll-select-item k-active\">2018年</div><div class=\"k-scroll-select-item\">2019年</div><div class=\"k-scroll-select-item k-disabled\">2020年</div><div class=\"k-scroll-select-item\">2021年</div><div class=\"k-scroll-select-item\">2022年</div><div class=\"k-scroll-select-item\">2013年</div><div class=\"k-scroll-select-item\">2014年</div><div class=\"k-scroll-select-item\">2015年</div><div class=\"k-scroll-select-item k-disabled\">2016年</div><div class=\"k-scroll-select-item\">2017年</div></div><div class=\"k-scroll-select-border\"></div></div>"
+```
+
+####   `ScrollSelect infinite`
+
+```
+"<div class=\"k-scroll-select css-172p05w\"><div class=\"k-scroll-select-wrapper\" style=\"transform: translateY(-102.5px); margin-top: 0px;\"><div class=\"k-scroll-select-item\">2013年</div><div class=\"k-scroll-select-item\">2014年</div><div class=\"k-scroll-select-item\">2015年</div><div class=\"k-scroll-select-item\">2016年</div><div class=\"k-scroll-select-item\">2017年</div><div class=\"k-scroll-select-item k-active\">2018年</div><div class=\"k-scroll-select-item\">2019年</div><div class=\"k-scroll-select-item\">2020年</div><div class=\"k-scroll-select-item\">2021年</div><div class=\"k-scroll-select-item\">2022年</div></div><div class=\"k-scroll-select-border\"></div></div>"
+```
+
+## `select`
+
+####   `Select autoDisableArrow`
+
+```
+"<div><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div><div class=\"k-select css-1mhb480\" 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-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Select basic`
+
+```
+"<div><div style=\"margin-bottom: 16px;\"><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div> You selected: </div><div class=\"k-select css-1mhb480\" 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-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Select clearable`
+
+```
+"<div><div class=\"k-select css-1mhb480\" 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-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select css-1mhb480\" 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-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Select creatable`
+
+```
+"<div><div class=\"k-select css-1mhb480\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div> Day:  <br><br><div class=\"k-select css-1mhb480\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请输入或选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div> Days: []</div>"
+```
+
+####   `Select custom`
+
+```
+"<div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `Select customMenu`
+
+```
+"<div class=\"k-select custom-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `Select disabled`
+
+```
+"<div><div class=\"k-select k-disabled css-1mhb480\" 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 ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select k-disabled css-1mhb480\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\">星期一</span><i class=\"k-icon ion-ios-close k-select-close css-x0ey6t\"></i></div><div class=\"k-select-tag\"><span class=\"k-select-text\">星期二</span><i class=\"k-icon ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down k-disabled css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Select filterable`
+
+```
+"<div><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>  <div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Select format`
+
+```
+"<div><div class=\"item\"><span class=\"label\">border:</span><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"rect\"> Rectangle </div></div><div class=\"item\"><span class=\"label\">multiple:</span><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"ion-camera\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\"><i class=\"k-icon ion-camera css-x0ey6t\" style=\"vertical-align: middle;\"></i><span class=\"c-middle\">ion-camera</span></span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div><div class=\"item\"><span class=\"label\">multiple values:</span><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div></div>"
+```
+
+####   `Select group`
+
+```
+"<div><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Select multiple`
+
+```
+"<div><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div> You selected: []</div>"
+```
+
+####   `Select noBorder`
+
+```
+"<div class=\"k-select k-inline css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `Select remote`
+
+```
+"<div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择</div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `Select searchable`
+
+```
+"<div><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
+```
+
+####   `Select size`
+
+```
+"<div><div class=\"k-select k-large css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select k-small css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"k-select k-mini css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div>"
+```
+
+## `slider`
+
+####   `Slider basic`
+
+```
+"<div><div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"60MB\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"277\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
+```
+
+####   `Slider disabled`
+
+```
+"<div><div class=\"k-slider k-disabled css-1g0hxdl\"><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\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" type=\"text\" value=\"50\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1g0hxdl\"><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\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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></div>"
+```
+
+####   `Slider dynamicStep`
+
+```
+"<div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div>"
+```
+
+####   `Slider marks`
+
+```
+"<div><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45.4545%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></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-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 36.3636%; left: 9.09091%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 9.09091%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">2<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45.4545%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">6<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span class=\"k-active\" 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>"
+```
+
+####   `Slider points`
+
+```
+"<div><div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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><div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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>"
+```
+
+####   `Slider range`
+
+```
+"<div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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>"
+```
+
+####   `Slider step`
+
+```
+"<div><div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"50\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0.234234\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div></div>"
+```
+
+####   `Slider tooltip`
+
+```
+"<div><div class=\"k-slider css-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" 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-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"277\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div><div class=\"k-slider css-1g0hxdl\"><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: 9.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-1g0hxdl\"><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\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-light k-small k-slider-tooltip css-z651tk css-1iaopr2 k-fade-enter-from k-fade-enter-active\" style=\"left: -8.01562px; top: -34.7969px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 8.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-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"300\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div></div></div>"
+```
+
+## `spin`
+
+####   `Spin basic`
+
+```
+"<div><div class=\"k-spin k-large css-1txbye7\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div><div class=\"k-spin css-1txbye7\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div><div class=\"k-spin k-small css-1txbye7\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div><div class=\"k-spin k-mini css-1txbye7\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div></div>"
+```
+
+####   `Spin overlay`
+
+```
+"<div class=\"wrapper\"><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</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-rt2md4\" 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-rt2md4\" 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=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第三行\">第三行</td><td title=\"哈哈3\">哈哈3</td></tr></tbody></table></div></div><div class=\"k-spin k-overlay css-1txbye7\"><div class=\"k-spin-wrapper\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div></div></div>"
+```
+
+## `spinner`
+
+####   `Spinner basic`
+
+```
+"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner k-disabled css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
+```
+
+####   `Spinner dynamicStep`
+
+```
+"<div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div>"
+```
+
+####   `Spinner forceStep`
+
+```
+"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
+```
+
+####   `Spinner formatter`
+
+```
+"<div><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"￥1,000\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"增长率 78%\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div>"
+```
+
+####   `Spinner precision`
+
+```
+"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
+```
+
+####   `Spinner size`
+
+```
+"<div><div class=\"k-spinner k-large css-4xu2td\"><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-large k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner k-small css-4xu2td\"><button class=\"k-btn k-small k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-small k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-small k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner k-mini css-4xu2td\"><button class=\"k-btn k-mini k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-mini k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-mini k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
+```
+
+####   `Spinner step`
+
+```
+"<div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div><div class=\"k-spinner css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-minus-empty css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-plus-empty css-x0ey6t\"></i></button></div></div>"
+```
+
+####   `Spinner vertical`
+
+```
+"<div><div class=\"k-spinner k-large k-vertical css-4xu2td\"><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-large k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-large k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div><div class=\"k-spinner k-vertical css-4xu2td\"><button class=\"k-btn k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div><div class=\"k-spinner k-small k-vertical css-4xu2td\"><button class=\"k-btn k-small k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-small k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-small k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div><div class=\"k-spinner k-mini k-vertical css-4xu2td\"><button class=\"k-btn k-mini k-btn-icon k-spinner-btn k-left css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-down css-x0ey6t\"></i></button><div class=\"k-input k-mini k-spinner-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"0\"></div></div><button class=\"k-btn k-mini k-btn-icon k-spinner-btn k-right css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-spinner-icon ion-ios-arrow-up css-x0ey6t\"></i></button></div></div>"
+```
+
+## `split`
+
+####   `Split basic`
+
+```
+"<div><div class=\"k-split k-horizontal css-2thjvx k-last-auto\"><div class=\"k-split-first\" style=\"width: 50%;\"><div class=\"panel\">left</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=\"panel\">right</div></div></div><div class=\"k-split k-horizontal css-2thjvx k-last-auto\"><div class=\"k-split-first\" style=\"width: 80px;\"><div class=\"panel\">left</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=\"panel\">right</div></div></div><div class=\"k-split k-horizontal css-2thjvx k-first-auto\"><div class=\"k-split-first\" style=\"width: auto;\"><div class=\"panel\">left</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: 80px;\"><div class=\"panel\">right</div></div></div></div>"
+```
+
+####   `Split complex`
+
+```
+"<div class=\"split-container\"><div class=\"k-split k-vertical css-2thjvx k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"k-table k-fix-header css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-x0ey6t\"></i></div><div class=\"k-split-last\" style=\"height: 0px;\"><button class=\"k-btn k-none k-btn-icon close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-close-empty css-x0ey6t\" style=\"font-size: 40px;\"></i></button><div class=\"k-tabs k-default css-y0nibt\"><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\" style=\"left: 10px; width: 120px;\"></div></div></div></div></div></div></div>"
+```
+
+####   `Split nested`
+
+```
+"<div class=\"wrapper\"><div class=\"k-split k-horizontal css-2thjvx k-last-auto\"><div class=\"k-split-first\" style=\"width: 50%;\"><div class=\"panel\">left</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-split k-vertical css-2thjvx k-last-auto\"><div class=\"k-split-first\" style=\"height: 50%;\"><div class=\"panel\">right top</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=\"height: auto;\"><div class=\"panel\">right bottom</div></div></div></div></div></div>"
+```
+
+####   `Split range`
+
+```
+"<div class=\"k-split k-horizontal css-2thjvx k-last-auto\"><div class=\"k-split-first\" style=\"width: 80px;\"><div class=\"panel\">left</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=\"panel\">right</div></div></div>"
+```
+
+####   `Split vertical`
+
+```
+"<div class=\"k-split k-vertical css-2thjvx k-first-auto\"><div class=\"k-split-first\" style=\"height: auto;\"><div class=\"panel\">top</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=\"height: 80px;\"><div class=\"panel\">bottom</div></div></div>"
+```
+
+## `steps`
+
+####   `Steps basic`
+
+```
+"<div><div class=\"k-steps k-default css-ur3cqz\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><button class=\"k-btn k-primary k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
+```
+
+####   `Steps clickable`
+
+```
+"<div><div class=\"k-steps k-default k-clickable css-ur3cqz\"><div class=\"k-step k-done css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Next Step</button></div>"
+```
+
+####   `Steps error`
+
+```
+"<div class=\"k-steps k-default css-ur3cqz\"><div class=\"k-step k-done css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step k-active k-error css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><i class=\"k-step-icon ion-ios-close-empty\"></i></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div>"
+```
+
+####   `Steps line`
+
+```
+"<div><div class=\"k-steps k-line css-ur3cqz\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><button class=\"k-btn k-primary k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Next Step</button><div class=\"k-steps k-line css-ur3cqz\"><div class=\"k-step k-done css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step k-active k-error css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><i class=\"k-step-icon ion-ios-close-empty\"></i></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div></div>"
+```
+
+####   `Steps simple`
+
+```
+"<div><div class=\"k-steps k-simple css-ur3cqz\"><div class=\"k-step k-active css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>2</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div><button class=\"k-btn k-primary k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">Previous Step</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">Next Step</button><div class=\"k-steps k-simple css-ur3cqz\"><div class=\"k-step k-done css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>1</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择配置</div><div class=\"k-step-content\">请选择主机的配置信息</div></div></div></div><div class=\"k-step k-active k-error css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><i class=\"k-step-icon ion-ios-close-empty\"></i></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">选择弹性IP</div><div class=\"k-step-content\">请选择主机弹性IP的配置信息</div></div></div></div><div class=\"k-step css-1p80shn\" style=\"width: 33.3333%;\"><div class=\"k-step-tail\"></div><div class=\"k-step-wrapper\"><div class=\"k-step-head\"><div class=\"k-step-inner\"><span>3</span></div></div><div class=\"k-step-main\"><div class=\"k-step-title\">设置VPC</div><div class=\"k-step-content\"></div></div></div></div></div></div>"
+```
+
+## `switch`
+
+####   `Switch basic`
+
+```
+"<div><div class=\"k-switch k-default css-1r7l1sz\" 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 class=\"k-switch k-default k-disabled css-1r7l1sz\" tabindex=\"-1\"><input type=\"checkbox\" disabled=\"\" 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>"
+```
+
+####   `Switch onOff`
+
+```
+"<div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\">关</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\">开</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-checked k-default css-1r7l1sz\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\"><i class=\"ion-ios-close-empty\"></i></div><div class=\"k-switch-bar\"><div class=\"k-switch-on\"><i class=\"ion-ios-checkmark-empty\"></i></div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
+```
+
+####   `Switch size`
+
+```
+"<div> large: <div class=\"k-switch k-large css-1r7l1sz\" 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> default: <div class=\"k-switch k-default css-1r7l1sz\" 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> small: <div class=\"k-switch k-small css-1r7l1sz\" 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> mini: <div class=\"k-switch k-mini css-1r7l1sz\" 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>"
+```
+
+####   `Switch value`
+
+```
+"<div><div style=\"margin-bottom: 20px;\"><div class=\"k-switch k-default css-1r7l1sz\" 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> false</div><div><div class=\"k-switch k-default css-1r7l1sz\" 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> \"1\"</div></div>"
+```
+
+####   `Switch widthHeight`
+
+```
+"<div><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\" style=\"width: 62px;\"><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: 62px;\">开启</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-1r7l1sz\" tabindex=\"0\" style=\"height: 22px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\" style=\"width: px;\"><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-1r7l1sz\" tabindex=\"0\" style=\"width: 100px; height: 30px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">关闭</div><div class=\"k-switch-bar\" style=\"width: 30px;\"><div class=\"k-switch-on\" style=\"width: 100px; height: 30px; line-height: 30px; padding: 0px 30px 0px 10px;\">开启</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
+```
+
+## `table`
+
+####   `Table animation`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">增加 一列 </button><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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>"
+```
+
+####   `Table basic`
+
+```
+"<div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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-2\">Cell 1-2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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-2\">Cell 2-2</td></tr></tbody></table></div></div>"
+```
+
+####   `Table checkType`
+
+```
+"<div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"checkbox 1\">checkbox 1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"checkbox 2\">checkbox 2</td></tr></tbody></table></div></div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"></th><th title=\"Title\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"radio 1\">radio 1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"radio 2\">radio 2</td></tr></tbody></table></div></div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col></colgroup><thead><tr><th title=\"Title\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td title=\"no check 1\">no check 1</td></tr><tr data-key=\"1\"><td title=\"no check 2\">no check 2</td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table checkedKeys`
+
+```
+"<div><div class=\"tables\"><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"></th><th title=\"Radio without rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Radio without rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-radio k-checked css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by index\">default checked by index</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr></tbody></table></div></div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"></th><th title=\"Radio with rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Radio with rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"yes\"><td class=\"k-table-check\"><label class=\"k-radio k-checked css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by rowKey\">default checked by rowKey</td></tr><tr data-key=\"no\"><td class=\"k-table-check\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr></tbody></table></div></div></div><div class=\"tables\"><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"checkbox without rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">checkbox without rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by index\">default checked by index</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr><tr class=\"k-checked\" data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked\">default checked</td></tr></tbody></table></div></div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"checkbox with rowKey\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">checkbox with rowKey</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"yes\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"default checked by rowKey\">default checked by rowKey</td></tr><tr data-key=\"no\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"unchecked\">unchecked</td></tr></tbody></table></div></div></div></div>"
+```
+
+####   `Table disableRow`
+
+```
+"<div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"odd rows are uncheckable\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">odd rows are uncheckable</div></div></th></tr></thead><tbody><tr class=\"k-disabled\" data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"1\">1</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"2\">2</td></tr><tr class=\"k-disabled k-checked\" data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox k-disabled k-checked css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"3\">3</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"4\">4</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"5\">5</td></tr></tbody></table></div></div>"
+```
+
+####   `Table draggable`
+
+```
+"<div class=\"k-table k-fix-header css-of6c5k\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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><th title=\"Operation\" colspan=\"1\" rowspan=\"1\"><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\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 2\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 3\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 4\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 5\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 6\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 7\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 8\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 9\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 10\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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>Remove</a></td></tr><tr data-key=\"name 11\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 11\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 12\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 12\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 13\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 13\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 14\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 14\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 15\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 15\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 16\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 16\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 17\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 17\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 18\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 18\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 19\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 19\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td title=\"\"><a>Remove</a></td></tr><tr data-key=\"name 20\" draggable=\"true\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"name 20\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td title=\"\"><a>Remove</a></td></tr></tbody></table></div></div>"
+```
+
+####   `Table empty`
+
+```
+"<div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</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><td class=\"k-table-empty\" colspan=\"3\">/(ㄒoㄒ)/~~ 没有找到亲要的数据哦~</td></tr></tbody></table></div></div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</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><td class=\"k-table-empty\" colspan=\"3\"><div style=\"color: red;\">没有数据</div></td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table export`
+
+```
+"<div><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">导出表格</button><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">导出自定义数据</button><div class=\"k-table css-of6c5k\"><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-rt2md4\" 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 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-rt2md4\" 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 title=\"\"><a>删除</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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 title=\"\"><a>删除</a></td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table fixColumn`
+
+```
+"<div><div class=\"k-table k-scroll-left k-fix-columns css-of6c5k\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 30px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 800px; top: 64px;\"><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"name 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=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><div>Column1</div></div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr></tbody></table></div></div><div class=\"k-table k-fix-header k-scroll-left k-fix-columns k-grid css-of6c5k\"><div class=\"k-table-wrapper\" style=\"max-height: 150px;\"><div class=\"k-affix k-table-affix-header css-8m3pex\"><div class=\"k-affix-wrapper\"><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" 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=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column1</div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table fixHeader`
+
+```
+"<div class=\"wrapper\"><div class=\"k-table k-fix-header css-of6c5k\"><div class=\"k-table-wrapper\" style=\"max-height: 100px;\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">100px</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"表头固定，但内容没有超出最高高度\">表头固定，但内容没有超出最高高度</td></tr></tbody></table></div></div><div class=\"k-table k-fix-header css-of6c5k\"><div class=\"k-table-wrapper\" style=\"max-height: 100px;\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">100px</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"表头固定啦\">表头固定啦</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"下拉\">下拉</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"yeah!\">yeah!</td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table group`
+
+```
+"<div class=\"tables\"><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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><button class=\"k-btn k-mini k-btn-icon k-table-group css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-android-arrow-dropdown css-x0ey6t\"></i></button><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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><button class=\"k-btn k-mini k-btn-icon k-table-group css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-android-arrow-dropdown css-x0ey6t\"></i></button><!--portal--></div></th></tr></thead><tbody><tr data-key=\"主机1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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>"
+```
+
+####   `Table groupHeader`
+
+```
+"<div class=\"k-table k-scroll-left k-fix-columns k-grid css-of6c5k\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 90px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 798px; top: 64px;\"><table><colgroup><col width=\"40\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"3\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"3\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th class=\"k-fixed-left\" title=\"Time\" colspan=\"1\" rowspan=\"2\" style=\"left: 140px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Classes\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Classes</div></div></th><th title=\"Time\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th class=\"k-fixed-right\" title=\"Class 6\" colspan=\"1\" rowspan=\"2\" style=\"right: 100px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th class=\"k-fixed-right\" title=\"Class 7\" colspan=\"1\" rowspan=\"2\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th></tr><tr><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" style=\"left: 40px;\">Monday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Geopraghy\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 100px;\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 0px;\">Mathematics</td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tuesday\" style=\"left: 40px;\">Tuesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"English\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 100px;\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 0px;\">Chinese</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" style=\"left: 40px;\">Wendesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Mathematics\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 100px;\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 0px;\">History</td></tr><tr data-key=\"3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Thursday\" style=\"left: 40px;\">Thursday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Chinese\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 100px;\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 0px;\">Geopraghy</td></tr><tr data-key=\"4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Friday\" style=\"left: 40px;\">Friday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"History\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 100px;\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 0px;\">English</td></tr></tbody></table></div></div>"
+```
+
+####   `Table loading`
+
+```
+"<div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</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-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈1\">哈哈1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第三行\">第三行</td><td title=\"哈哈3\">哈哈3</td></tr></tbody></table></div><div class=\"k-spin k-small k-overlay k-table-spin css-1txbye7\"><div class=\"k-spin-wrapper\"><div class=\"k-spin-canvas\"><svg viewBox=\"0 0 120 120\"><circle class=\"k-spin-circle\" cx=\"60\" cy=\"60\" r=\"57\"></circle></svg></div></div></div></div><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">是否展示loading状态</span></label></div>"
+```
+
+####   `Table mergeCell`
+
+```
+"<div class=\"merge-cell\"><div class=\"k-table k-fix-columns k-grid css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"2\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox k-indeterminate css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr class=\"k-checked\" data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div><div class=\"k-table k-fix-columns k-grid css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"2\" style=\"left: 0px;\"></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th title=\"Time\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th title=\"Class 6\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th title=\"Class 7\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th><th class=\"k-fixed-right\" title=\"Time\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check k-fixed-left\" rowspan=\"2\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio k-checked css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" colspan=\"1\" style=\"left: 40px;\">Monday</td><td title=\"08:00 ~ 12:00\" rowspan=\"6\" colspan=\"1\">08:00 ~ 12:00</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td class=\"k-fixed-right\" title=\"14:00 ~ 17:00\" rowspan=\"6\" colspan=\"1\" style=\"right: 0px;\">14:00 ~ 17:00</td></tr><tr class=\"k-disabled k-checked\" data-key=\"1\"><td class=\"k-fixed-left\" title=\"Tuesday\" colspan=\"1\" style=\"left: 40px;\">Tuesday</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" rowspan=\"3\" colspan=\"1\" style=\"left: 0px;\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" colspan=\"1\" style=\"left: 40px;\">Wendesday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"2\">English</td><td title=\"Chinese\" colspan=\"1\">Chinese</td><td title=\"History\" colspan=\"1\">History</td></tr><tr data-key=\"3\"><td class=\"k-fixed-left\" title=\"Thursday\" colspan=\"1\" style=\"left: 40px;\">Thursday</td><td title=\"History\" colspan=\"1\">History</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Mathematics\" colspan=\"1\">Mathematics</td></tr><tr data-key=\"4\"><td class=\"k-fixed-left\" title=\"Friday\" colspan=\"1\" style=\"left: 40px;\">Friday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr><tr class=\"k-disabled\" data-key=\"5\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-radio k-disabled css-9px8r3\" tabindex=\"-1\"><span class=\"k-radio-wrapper\"><input type=\"radio\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Saturday\" colspan=\"1\" style=\"left: 40px;\">Saturday</td><td title=\"Geopraghy\" colspan=\"1\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td><td title=\"Geopraghy\" colspan=\"4\">Geopraghy</td><td title=\"English\" colspan=\"1\">English</td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table resizable`
+
+```
+"<div class=\"k-table k-grid css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col width=\"50%\"><col class=\"hidden\"><col width=\"10%\" style=\"width: 300px;\"><col width=\"40%\"></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"通过minColWidth控制最小宽度100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">通过minColWidth控制最小宽度100px</div></div></th><th class=\"hidden\" title=\"隐藏列\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">隐藏列</div></div></th><th title=\"单独设置最小宽度300px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">单独设置最小宽度300px</div></div></th><th title=\"标题\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><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-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td class=\"hidden\" title=\"\"></td><td title=\"B\">B</td><td title=\"C\">C</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td class=\"hidden\" title=\"\"></td><td title=\"B\">B</td><td title=\"C\">C</td></tr></tbody></table></div></div>"
+```
+
+####   `Table rowCheckable`
+
+```
+"<div class=\"tables\"><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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=\"B\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">B</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"B\">B</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"点我不会选中整行\">点我不会选中整行</td></tr></tbody></table></div></div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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=\"B\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">B</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"任何位置都可以哦～\">任何位置都可以哦～</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"A\">A</td><td title=\"点我会选中整行\">点我会选中整行</td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table rowClassName`
+
+```
+"<div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"rowClassName\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">rowClassName</div></div></th></tr></thead><tbody><tr class=\"odd\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"1\">1</td></tr><tr class=\"even\" data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"2\">2</td></tr><tr class=\"odd\" data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"3\">3</td></tr><tr class=\"even\" data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"4\">4</td></tr><tr class=\"odd\" data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"5\">5</td></tr></tbody></table></div></div><div class=\"k-table k-stripe css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"stripe\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">stripe</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"1\">1</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"2\">2</td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"3\">3</td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"4\">4</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"5\">5</td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table rowExpandable`
+
+```
+"<div class=\"tables\"><div class=\"k-table k-with-expand css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col></colgroup><thead><tr><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 title=\"Javey\">Javey</td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr><tr data-key=\"1\"><td title=\"Jiawei\">Jiawei</td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr></tbody></table></div></div><div class=\"k-table k-with-expand css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col></colgroup><thead><tr><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 title=\"\"><div><i class=\"icon ion-ios-plus-outline\"></i><span class=\"name\">Javey</span></div></td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr><tr data-key=\"1\"><td title=\"\"><div><i class=\"icon ion-ios-plus-outline\"></i><span class=\"name\">Jiawei</span></div></td></tr><tr class=\"k-expand\"><td colspan=\"1\"></td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table scheme`
+
+```
+"<div class=\"k-table css-of6c5k\"><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-rt2md4\" 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=\"key形式\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key形式</div></div></th><th title=\"key为一个路径字符串\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key为一个路径字符串</div></div></th><th title=\"没有这个key，则返回空\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">没有这个key，则返回空</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>虚拟DOM</a></td><td title=\"获取到了item.b\">获取到了item.b</td><td title=\"item.c.c1\">item.c.c1</td><td title=\"\"></td></tr></tbody></table></div></div>"
+```
+
+####   `Table scrollToRow`
+
+```
+"<div class=\"wrapper\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Scroll to the 20th row</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Scroll to the \"name 25\" row</button></div><div class=\"k-table k-fix-header k-fix-columns css-of6c5k\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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>"
+```
+
+####   `Table selectedKeys`
+
+```
+"<div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</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-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈\">哈哈</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈\">哈哈</td></tr></tbody></table></div></div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</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-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈\">哈哈</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈\">哈哈</td></tr></tbody></table></div></div></div>"
+```
+
+####   `Table showIndeterminate`
+
+```
+"<div><div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-indeterminate css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr class=\"k-checked\" data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox k-checked css-rt2md4\" 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-rt2md4\" 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></div>"
+```
+
+####   `Table sort`
+
+```
+"<div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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 ion-android-arrow-dropup k-asc css-x0ey6t\"></i><i class=\"k-icon ion-android-arrow-dropdown k-desc css-x0ey6t\"></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 ion-android-arrow-dropup k-asc css-x0ey6t\"></i><i class=\"k-icon ion-android-arrow-dropdown k-desc css-x0ey6t\"></i></div></div></th></tr></thead><tbody><tr data-key=\"aa\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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>"
+```
+
+####   `Table stickHeader`
+
+```
+"<div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 30px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 800px; top: 64px;\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">性别</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col><col></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Javey\">Javey</td><td title=\"male\">male</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Kanily\">Kanily</td><td title=\"female\">female</td></tr></tbody></table></div></div>"
+```
+
+####   `Table stickScrollbar`
+
+```
+"<div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column1</div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th title=\"Action\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"John\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Tom\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Javey\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"\"><a>action</a></td></tr></tbody></table></div><div class=\"k-affix css-8m3pex\" style=\"display: none;\"><div class=\"k-affix-wrapper\"><div class=\"k-table-scrollbar\"><div class=\"k-table-scrollbar-inner\" style=\"width: px;\"></div></div></div></div></div>"
+```
+
+####   `Table title`
+
+```
+"<div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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=\"middle title\">自定义表头内容</span><i class=\"ion-ios-help-outline middle\"></i><!--portal--></div><button class=\"k-btn k-mini k-btn-icon k-table-group css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-android-arrow-dropdown css-x0ey6t\"></i></button><!--portal--><div class=\"k-column-sort\"><i class=\"k-icon ion-android-arrow-dropup k-asc css-x0ey6t\"></i><i class=\"k-icon ion-android-arrow-dropdown k-desc css-x0ey6t\"></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-rt2md4\" 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-rt2md4\" 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>"
+```
+
+####   `Table tooltip`
+
+```
+"<div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</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-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈1\">哈哈1</td></tr><!--portal--><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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><!--portal--><tr data-key=\"2\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第三行\">第三行</td><td title=\"哈哈3\">哈哈3</td></tr><!--portal--></tbody></table></div></div>"
+```
+
+####   `Table tree`
+
+```
+"<div class=\"k-table css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" 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-rt2md4\" 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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right k-small css-x0ey6t\"></i></button>Audios</td><td title=\"12MB\">12MB </td></tr><tr data-key=\"Images\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" 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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right k-small css-x0ey6t\"></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-rt2md4\" 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>"
+```
+
+####   `Table type`
+
+```
+"<div><div class=\"k-table k-border css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Type\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Type</div></div></th><th title=\"Value\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Value</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"type\">type</td><td title=\"border\">border</td></tr></tbody></table></div></div><div class=\"k-table k-grid css-of6c5k\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Type\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Type</div></div></th><th title=\"Value\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Value</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"type\">type</td><td title=\"grid\">grid</td></tr></tbody></table></div></div></div>"
+```
+
+## `tabs`
+
+####   `Tabs basic`
+
+```
+"<div><div class=\"k-tabs k-default css-y0nibt\"><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-active\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"left: 150px; width: 120px;\"></div></div></div></div><div class=\"content\"><div>出站规则</div></div></div>"
+```
+
+####   `Tabs beforeChange`
+
+```
+"<div><div class=\"k-tabs k-default css-y0nibt\"><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-active\">出站规则</div><div class=\"k-tab\">关联云主机</div><div class=\"k-tabs-active-bar\" style=\"left: 150px; width: 120px;\"></div></div></div></div><div class=\"content\"><div>出站规则</div></div></div>"
+```
+
+####   `Tabs card`
+
+```
+"<div><div class=\"k-tabs k-default k-tabs-card css-y0nibt\"><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\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-default k-tabs-border-card css-y0nibt\"><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\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-default k-tabs-card k-tabs-no-border-card css-y0nibt\"><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\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div>"
+```
+
+####   `Tabs closable`
+
+```
+"<div><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">新增Tab</button><div class=\"k-tabs k-large css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\">Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tab\" closable=\"true\">Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tab\" closable=\"true\">Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-large k-tabs-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\">Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tab\" closable=\"true\">Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tab\" closable=\"true\">Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-large k-tabs-border-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\">Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tab\" closable=\"true\">Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tab\" closable=\"true\">Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-large k-tabs-card k-tabs-no-border-card css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\">Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tab\" closable=\"true\">Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tab\" closable=\"true\">Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-x0ey6t\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div>"
+```
+
+####   `Tabs disabled`
+
+```
+"<div><div class=\"k-tabs k-default css-y0nibt\"><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>"
+```
+
+####   `Tabs size`
+
+```
+"<div><div class=\"k-tabs k-large css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">large1</div><div class=\"k-tab\">large2</div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-default css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">default1</div><div class=\"k-tab\">defalut2</div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-small css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">small1</div><div class=\"k-tab\">small2</div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-mini css-y0nibt\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\">mini1</div><div class=\"k-tab\">mini2</div><div class=\"k-tabs-active-bar\" style=\"left: 10px; width: 120px;\"></div></div></div></div></div>"
+```
+
+####   `Tabs vertical`
+
+```
+"<div><div class=\"k-tabs k-default k-vertical css-y0nibt\"><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\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-default k-vertical k-tabs-card css-y0nibt\"><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\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-default k-vertical k-tabs-border-card css-y0nibt\"><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\" style=\"top: 0px; height: 32px;\"></div></div></div></div><div class=\"k-tabs k-default k-vertical k-tabs-card k-tabs-no-border-card css-y0nibt\"><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\" style=\"top: 0px; height: 32px;\"></div></div></div></div></div>"
+```
+
+## `tag`
+
+####   `Tag basic`
+
+```
+"<div><div class=\"k-tag k-solid css-1kisx0c\">default</div><div class=\"k-tag k-primary k-solid css-1kisx0c\">primary</div><div class=\"k-tag k-success k-solid css-1kisx0c\">success</div><div class=\"k-tag k-warning k-solid css-1kisx0c\">warning</div><div class=\"k-tag k-danger k-solid css-1kisx0c\">danger</div><div class=\"k-tag k-solid k-disabled css-1kisx0c\">disabled</div></div>"
+```
+
+####   `Tag border`
+
+```
+"<div><div class=\"row\"><div class=\"k-tag k-dashed k-closable css-1kisx0c\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-dashed k-closable css-1kisx0c\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-success k-dashed k-closable css-1kisx0c\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-x0ey6t\"></i></div><div class=\"k-tag k-warning k-dashed k-closable css-1kisx0c\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-x0ey6t\"></i></div><div class=\"k-tag k-danger k-dashed k-closable css-1kisx0c\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-x0ey6t\"></i></div><div class=\"k-tag k-dashed k-disabled k-closable css-1kisx0c\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-x0ey6t\"></i></div></div><div class=\"row\"><div class=\"k-tag k-none k-closable css-1kisx0c\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-none k-closable css-1kisx0c\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-success k-none k-closable css-1kisx0c\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-x0ey6t\"></i></div><div class=\"k-tag k-warning k-none k-closable css-1kisx0c\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-x0ey6t\"></i></div><div class=\"k-tag k-danger k-none k-closable css-1kisx0c\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-x0ey6t\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1kisx0c\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-x0ey6t\"></i></div></div></div>"
+```
+
+####   `Tag closable`
+
+```
+"<div><div class=\"k-tag k-solid k-closable css-1kisx0c\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-solid k-closable css-1kisx0c\">primary<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-success k-solid k-closable css-1kisx0c\">success<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-success css-x0ey6t\"></i></div><div class=\"k-tag k-warning k-solid k-closable css-1kisx0c\">warning<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-warning css-x0ey6t\"></i></div><div class=\"k-tag k-danger k-solid k-closable css-1kisx0c\">danger<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-danger css-x0ey6t\"></i></div><div class=\"k-tag k-solid k-disabled k-closable css-1kisx0c\">disabled<i class=\"k-icon k-tag-close ion-ios-close-empty css-x0ey6t\"></i></div><div class=\"k-tag k-solid k-closable css-1kisx0c\">prevent default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-x0ey6t\"></i></div></div>"
+```
+
+####   `Tag size`
+
+```
+"<div><div class=\"k-tag k-large k-solid css-1kisx0c\">large</div><div class=\"k-tag k-solid css-1kisx0c\">default</div><div class=\"k-tag k-small k-solid css-1kisx0c\">small</div><div class=\"k-tag k-mini k-solid css-1kisx0c\">mini</div><br><br><div class=\"k-tag k-primary k-large k-solid css-1kisx0c\">large</div><div class=\"k-tag k-warning k-solid css-1kisx0c\">default</div><div class=\"k-tag k-success k-small k-solid css-1kisx0c\">small</div><div class=\"k-tag k-danger k-mini k-solid css-1kisx0c\">mini</div><br><br><div class=\"k-tag k-primary k-large k-solid k-closable css-1kisx0c\">large<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-solid k-closable css-1kisx0c\">default<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-small k-solid k-closable css-1kisx0c\">small<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div><div class=\"k-tag k-primary k-mini k-solid k-closable css-1kisx0c\">mini<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty k-primary css-x0ey6t\"></i></div></div>"
+```
+
+## `timeline`
+
+####   `Timeline basic`
+
+```
+"<div class=\"k-timeline css-1lk148t\"><div class=\"k-timeline-item k-primary css-ea8i1f\"><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\"> August <p>some descriptions</p></div></div><div class=\"k-timeline-item k-primary css-ea8i1f\"><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-ea8i1f\"><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-ea8i1f\"><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>"
+```
+
+####   `Timeline custom`
+
+```
+"<div class=\"k-timeline css-1lk148t\"><div class=\"k-timeline-item k-success css-ea8i1f\"><div class=\"k-timeline-indicator\"><div class=\"k-timeline-dot\"><i class=\"k-icon ion-trophy css-x0ey6t\"></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-ea8i1f\"><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-ea8i1f\"><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-ea8i1f\"><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>"
+```
+
+####   `Timeline type`
+
+```
+"<div class=\"k-timeline css-1lk148t\"><div class=\"k-timeline-item k-primary css-ea8i1f\"><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\">August</div></div><div class=\"k-timeline-item k-success k-small css-ea8i1f\"><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-danger k-large css-ea8i1f\"><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-warning k-mini css-ea8i1f\"><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>"
+```
+
+## `timepicker`
+
+####   `Timepicker basic`
+
+```
+"<div><div class=\"k-select k-timepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div> You selected:  <br><br><div class=\"k-select k-timepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择时间</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div> You selected: []</div>"
+```
+
+####   `Timepicker format`
+
+```
+"<div><div class=\"k-select k-timepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><span>You selected: </span><br><br><div class=\"k-select css-1mhb480\" 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-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><span>You selected: </span><br><br><div class=\"k-select k-timepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div><span>You selected: null</span></div>"
+```
+
+####   `Timepicker range`
+
+```
+"<div><div class=\"k-select k-timepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div> You selected: null <br><br><div class=\"k-select k-timepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">开始时间 ~ 结束时间</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div> You selected: []</div>"
+```
+
+####   `Timepicker step`
+
+```
+"<div><div class=\"k-select time css-1mhb480\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div> You selected: null <br><br><div class=\"k-select css-1mhb480\" 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-input k-auto-width k-inline k-select-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" type=\"text\" style=\"width: px;\"><div class=\"k-input-fake\">请选择时间</div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div> You selected: []</div>"
+```
+
+####   `Timepicker stepRange`
+
+```
+"<div><div class=\"k-select k-timepicker css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-x0ey6t\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-x0ey6t\"></i></span></span></div> You selected: null</div>"
+```
+
+## `tip`
+
+####   `Tip basic`
+
+```
+"<div><div class=\"k-solid css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">default</div></div><div class=\"k-primary k-solid css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">primary</div></div><div class=\"k-success k-solid css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">success</div></div><div class=\"k-warning k-solid css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">warning</div></div><div class=\"k-danger k-solid css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">danger</div></div></div>"
+```
+
+####   `Tip closable`
+
+```
+"<div><div class=\"k-solid k-closable css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">default</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large css-x0ey6t\"></i></button></div><div class=\"k-primary k-solid k-closable css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">primary</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large k-primary css-x0ey6t\"></i></button></div><div class=\"k-success k-solid k-closable css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">success</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large k-success css-x0ey6t\"></i></button></div><div class=\"k-warning k-solid k-closable css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">warning</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large k-warning css-x0ey6t\"></i></button></div><div class=\"k-danger k-solid k-closable css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\">danger</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large k-danger css-x0ey6t\"></i></button></div><div class=\"k-dashed k-closable css-1kisx0c k-tip css-7kraf\"><div class=\"k-tip-wrapper\"> custom closing content </div><button class=\"k-btn k-link k-tip-close css-12uxt25\" tabindex=\"0\" type=\"button\">No longer show</button></div></div>"
+```
+
+####   `Tip title`
+
+```
+"<div><div class=\"k-solid k-closable css-1kisx0c k-tip css-7kraf\"><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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large css-x0ey6t\"></i></button></div><div class=\"k-primary k-solid k-closable css-1kisx0c k-tip css-7kraf\"><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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large k-primary css-x0ey6t\"></i></button></div><div class=\"k-success k-solid k-closable css-1kisx0c k-tip css-7kraf\"><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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large k-success css-x0ey6t\"></i></button></div><div class=\"k-warning k-solid k-closable css-1kisx0c k-tip css-7kraf\"><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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large k-warning css-x0ey6t\"></i></button></div><div class=\"k-danger k-solid k-closable css-1kisx0c k-tip css-7kraf\"><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-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty k-large k-danger css-x0ey6t\"></i></button></div></div>"
+```
+
+## `tooltip`
+
+####   `Tooltip always`
+
+```
+"<div style=\"position: relative;\"><span class=\"k-dropdown-open\"> always show this tootip </span><!--portal--><br><br><span class=\"k-dropdown-open\"> don't show if content is empty </span><!--portal--></div><div class=\"k-dropdown-menu k-tooltip-content k-always k-dark css-z651tk css-1iaopr2 k-fade-enter-from k-fade-enter-active\" style=\"left: 36.6875px; top: 26px;\">hello<i class=\"k-tooltip-arrow k-top\" style=\"left: 18.6796875px\"></i></div>"
+```
+
+####   `Tooltip basic`
+
+```
+"<div><span> hover the text </span><!--portal--><br><br><span> small size </span><!--portal--><br><br><span> don't show anything if content is empty </span><!--portal--><br><br><span> light theme </span><!--portal--><br><br><span> disabled </span><!--portal--></div>"
+```
+
+####   `Tooltip confirm`
+
+```
+"<div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
+```
+
+####   `Tooltip content`
+
+```
+"<div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Adjust Volume</button><!--portal--></div>"
+```
+
+####   `Tooltip position`
+
+```
+"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-1frgjei\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" 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-1frgjei\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><div class=\"opera\"><button class=\"k-btn k-dropdown-open css-12uxt25\" tabindex=\"0\" type=\"button\">at</button><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-dark css-z651tk css-1iaopr2 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: 10.3984375px\"></i></div></div></div></div></form>"
+```
+
+####   `Tooltip trigger`
+
+```
+"<div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--></div>"
+```
+
+## `transfer`
+
+####   `Transfer basic`
+
+```
+"<div><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
+                    3</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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-rt2md4\" 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-rt2md4\"><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-rt2md4\" 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-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
+                    2</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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-rt2md4\" 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-rt2md4\"><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>"
+```
+
+####   `Transfer customFilter`
+
+```
+"<div><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
+                    0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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-1cug0ah\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"请输入\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></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-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
+                    0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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-with-prefix k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-ios-search\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div><p>You selected: []</p></div>"
+```
+
+####   `Transfer customList`
+
+```
+"<div><div class=\"k-transfer css-160ohl7\"><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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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>"
+```
+
+####   `Transfer getData`
+
+```
+"<div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get data</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get left checked data</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get right checked data</button><br><br><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
+                    3</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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-rt2md4\" 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-rt2md4\"><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-rt2md4\" 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-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
+                    2</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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-rt2md4\" 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-rt2md4\"><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>"
+```
+
+####   `Transfer label`
+
+```
+"<div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
+                    5</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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-with-prefix k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-ios-search\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-rt2md4\"><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-rt2md4\" 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-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
+                    0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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-with-prefix k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-ios-search\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div>"
+```
+
+####   `Transfer leftChecked`
+
+```
+"<div><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">2 /
+                    5</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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-rt2md4\" 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-rt2md4\"><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-rt2md4\" 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-rt2md4\"><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-rt2md4\" 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-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
+                    0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" 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>"
+```
+
+####   `Transfer tree`
+
+```
+"<div class=\"k-transfer css-160ohl7\"><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-192otbj\"><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-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" 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-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" 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-rt2md4\" 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-rt2md4\" 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-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></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-192otbj\"></div></div></div></div>"
+```
+
+## `tree`
+
+####   `Tree basic`
+
+```
+"<div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></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-x0ey6t\"></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-x0ey6t\"></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-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div>"
+```
+
+####   `Tree checkbox`
+
+```
+"<div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get checked data</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get checked leaves data</button><br><br><div class=\"k-tree k-line css-192otbj\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" 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-x0ey6t\"></i><label class=\"k-checkbox k-indeterminate k-tree-checkbox css-rt2md4\" 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>"
+```
+
+####   `Tree contextmenu`
+
+```
+"<div><div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></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-x0ey6t\"></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-x0ey6t\"></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-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\"><div class=\"\">Second floor-2.2</div><!--portal--></div></div></div></div></div></div></div>"
+```
+
+####   `Tree custom`
+
+```
+"<div class=\"wrapper\"><div class=\"k-btns root-btns css-16i9d0z\"><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">+</button></div><div class=\"k-tree k-line css-192otbj\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" 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-16i9d0z\"><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" 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-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" 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-16i9d0z\"><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">+</button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">-</button></div></div></div></div></div></div>"
+```
+
+####   `Tree draggable`
+
+```
+"<div class=\"k-tree k-line k-selectable css-192otbj\"><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-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\" draggable=\"true\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\" draggable=\"true\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node\" draggable=\"true\"><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\" draggable=\"true\"><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\" draggable=\"true\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</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\">Second floor-2.3</div></div></div></div></div></div>"
+```
+
+####   `Tree expandAll`
+
+```
+"<div class=\"k-tree k-line k-selectable css-192otbj\"><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-x0ey6t\"></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-x0ey6t\"></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-x0ey6t\"></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-x0ey6t\"></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-x0ey6t\"></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>"
+```
+
+####   `Tree filterable`
+
+```
+"<div><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter keywords to filter node.\" type=\"text\"></div></div><div class=\"k-tree k-line k-selectable css-192otbj\"><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-x0ey6t\"></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-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-1.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-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-x0ey6t\"></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-x0ey6t\"></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-expanded k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</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.2.1</div></div></div></div></div></div></div></div></div>"
+```
+
+####   `Tree loading`
+
+```
+"<div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" 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>"
+```
+
+####   `Tree select`
+
+```
+"<div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get selected data</button><br><br><div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></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-x0ey6t\"></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-x0ey6t\"></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-x0ey6t\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
+```
+
+####   `Tree uncorrelated`
+
+```
+"<div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" 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-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" 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>"
+```
+
+## `treeSelect`
+
+####   `TreeSelect basic`
+
+```
+"<div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `TreeSelect checkbox`
+
+```
+"<div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `TreeSelect filter`
+
+```
+"<div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `TreeSelect load`
+
+```
+"<div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+####   `TreeSelect multiple`
+
+```
+"<div class=\"k-select css-1mhb480\" 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 ion-ios-arrow-down css-x0ey6t\"></i></span></span></div>"
+```
+
+## `upload`
+
+####   `Upload basic`
+
+```
+"<div class=\"k-upload css-q7vnmk\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">点击上传</button></div><div class=\"k-upload-tip\">只能上传JPG/PNG格式文件，且不超过500kb</div><div class=\"k-upload-files\"></div><!--portal--></div>"
+```
+
+####   `Upload directory`
+
+```
+"<div class=\"k-upload css-q7vnmk\"><input class=\"c-hidden\" type=\"file\" directory=\"\" webkitdirectory=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">点击上传</button></div><div class=\"k-upload-files\"></div><!--portal--></div>"
+```
+
+####   `Upload drag`
+
+```
+"<div class=\"k-upload k-drag css-q7vnmk\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><div class=\"k-upload-area\"><i class=\"k-icon ion-upload css-x0ey6t\"></i><div>将文件拖到此处，或点击上传</div></div></div><div class=\"k-upload-files\"></div><!--portal--></div>"
+```
+
+####   `Upload files`
+
+```
+"<div class=\"k-upload css-q7vnmk\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">点击上传</button></div><div class=\"k-upload-files\"><div class=\"k-upload-file\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-x0ey6t\"></i><span class=\"k-upload-file-name\">test1.jpg</span><i class=\"k-icon k-hoverable k-upload-close ion-ios-close-empty css-x0ey6t\"></i><i class=\"k-icon k-upload-status-icon ion-ios-checkmark-outline css-x0ey6t\"></i></div></div><div class=\"k-upload-file\"><div class=\"k-upload-name c-ellipsis\"><i class=\"k-icon k-upload-file-icon ion-document css-x0ey6t\"></i><span class=\"k-upload-file-name\">test2.png</span><i class=\"k-icon k-hoverable k-upload-close ion-ios-close-empty css-x0ey6t\"></i><i class=\"k-icon k-upload-status-icon ion-ios-checkmark-outline css-x0ey6t\"></i></div></div></div><!--portal--></div>"
+```
+
+####   `Upload gallery`
+
+```
+"<div class=\"k-upload k-gallery css-q7vnmk\"><input class=\"c-hidden\" type=\"file\" accept=\".jpg, .png\" multiple=\"\"><div class=\"k-upload-pictures\"><div class=\"c-middle\"><div class=\"k-upload-handle\"><i class=\"k-icon k-upload-picture-card k-upload-add ion-ios-plus-empty css-x0ey6t\"></i></div></div></div><!--portal--></div>"
+```
+
+####   `Upload manually`
+
+```
+"<div class=\"k-upload css-q7vnmk\"><input class=\"c-hidden\" type=\"file\" multiple=\"\"><div class=\"k-upload-handle\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"button\">选择文件</button></div><div class=\"k-upload-tip\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">开始上传</button></div><div class=\"k-upload-files\"></div><!--portal--></div>"
+```
+
+## `wave`
+
+####   `Wave button`
+
+```
+"<div><div class=\"k-select css-u2afkm\" 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 ion-ios-arrow-down css-183f70f\"></i></span></span></div><br><div class=\"k-input css-56x9ya\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\" type=\"text\"></div></div>  <br><div class=\"k-input k-disabled css-56x9ya\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"disabled\" disabled=\"\" type=\"text\"></div></div><br><button class=\"k-btn k-primary css-1kf5o3p\" tabindex=\"0\" type=\"button\">点击加载</button><button class=\"k-btn css-1kf5o3p\" tabindex=\"0\" type=\"button\">secondary</button><button class=\"k-btn k-secondary css-1kf5o3p\" tabindex=\"0\" type=\"button\">secondary</button><button class=\"k-btn k-warning css-1kf5o3p\" tabindex=\"0\" type=\"button\">warning</button><button class=\"k-btn k-danger css-1kf5o3p\" tabindex=\"0\" type=\"button\">danger</button><button class=\"k-btn k-success css-1kf5o3p\" tabindex=\"0\" type=\"button\">success</button><button class=\"k-btn k-none css-1kf5o3p\" tabindex=\"0\" type=\"button\">none</button><button class=\"k-btn k-link css-1kf5o3p\" tabindex=\"0\" type=\"button\">link</button></div>"
+```
+