@king-design/react 3.0.0-beta.2 → 3.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__tests__/__snapshots__/React Demos.md +89 -89
- package/components/badge/styles.js +1 -1
- package/components/button/group.d.ts +1 -0
- package/components/button/group.js +2 -1
- package/components/button/group.vdt.js +4 -2
- package/components/button/index.vdt.js +1 -1
- package/components/button/styles.js +11 -4
- package/components/checkbox/styles.js +4 -8
- package/components/collapse/styles.js +2 -2
- package/components/dropdown/dropdown.js +2 -1
- package/components/form/index.spec.js +45 -0
- package/components/icon/index.vdt.js +3 -2
- package/components/message/message.js +1 -1
- package/components/pagination/styles.js +2 -5
- package/components/popover/styles.js +1 -1
- package/components/radio/styles.js +1 -1
- package/components/scrollSelect/styles.js +1 -1
- package/components/select/base.vdt.js +4 -1
- package/components/select/styles.js +1 -1
- package/components/switch/styles.js +10 -2
- package/components/table/column.vdt.js +4 -2
- package/components/table/styles.js +1 -1
- package/components/table/table.js +2 -1
- package/components/table/useGroup.d.ts +1 -1
- package/components/table/useGroup.js +2 -1
- package/components/tip/styles.js +1 -1
- package/components/tooltip/index.spec.js +57 -0
- package/components/tooltip/tooltip.js +5 -1
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +1 -1
- package/styles/fonts/iconfont.eot +0 -0
- package/styles/fonts/iconfont.js +1 -1
- package/styles/fonts/iconfont.svg +1 -1
- package/styles/fonts/iconfont.ttf +0 -0
- package/styles/fonts/iconfont.woff +0 -0
- package/styles/theme.js +1 -1
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
#### `Button group`
|
|
64
64
|
|
|
65
65
|
```
|
|
66
|
-
"<div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-danger css-eerehs\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-danger css-eerehs\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-danger css-eerehs\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left\"></i><!-- react-mount-point-unstable -->上一页</button><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\">下一页<i class=\"k-icon k-icon-right\"></i><!-- react-mount-point-unstable --></button></div><br><br><p>纵向按钮组</p><div class=\"k-btns k-vertical css-17zyilz\"><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\">重启</button></div><br><br><p>单选按钮组</p><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-active css-eerehs\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-flat k-active css-eerehs\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><p>多选按钮组</p><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-small css-eerehs\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-eerehs\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-eerehs\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-eerehs\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button></div></div>"
|
|
66
|
+
"<div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-danger css-eerehs\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-danger css-eerehs\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-danger css-eerehs\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">重启</button></div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left\"></i><!-- react-mount-point-unstable -->上一页</button><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\">下一页<i class=\"k-icon k-icon-right\"></i><!-- react-mount-point-unstable --></button></div><br><br><p>纵向按钮组</p><div class=\"k-btns k-vertical css-17zyilz\"><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\">开机</button><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\">关机</button><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\">重启</button></div><br><br><p>单选按钮组</p><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-active css-eerehs\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-flat k-active css-eerehs\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat css-eerehs\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><p>多选按钮组</p><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-small css-eerehs\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-eerehs\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-eerehs\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button><button class=\"k-btn k-small css-eerehs\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"checkbox\" tabindex=\"-1\"></button></div><p>有间隔的按钮组</p><div class=\"k-btns css-17zyilz\" seperate=\"true\"><button class=\"k-btn k-active css-eerehs\" tabindex=\"0\" type=\"button\">北京<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">上海<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">广州<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">深圳<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div>"
|
|
67
67
|
```
|
|
68
68
|
|
|
69
69
|
#### `Button icon`
|
|
@@ -171,7 +171,7 @@
|
|
|
171
171
|
#### `Cascader filterable`
|
|
172
172
|
|
|
173
173
|
```
|
|
174
|
-
"<div><div class=\"k-select k-cascader css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-
|
|
174
|
+
"<div><div class=\"k-select k-cascader css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
175
175
|
```
|
|
176
176
|
|
|
177
177
|
#### `Cascader loadData`
|
|
@@ -301,61 +301,61 @@
|
|
|
301
301
|
#### `Datepicker basic`
|
|
302
302
|
|
|
303
303
|
```
|
|
304
|
-
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
304
|
+
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-flat k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline k-flat css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled k-datepicker css-1gjavwd\" 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-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"2018-01-01\" disabled=\"\" value=\"2018-01-01\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
305
305
|
```
|
|
306
306
|
|
|
307
307
|
#### `Datepicker clearable`
|
|
308
308
|
|
|
309
309
|
```
|
|
310
|
-
"<div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
310
|
+
"<div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->"
|
|
311
311
|
```
|
|
312
312
|
|
|
313
313
|
#### `Datepicker datetime`
|
|
314
314
|
|
|
315
315
|
```
|
|
316
|
-
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
316
|
+
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"时间精确到分钟\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
317
317
|
```
|
|
318
318
|
|
|
319
319
|
#### `Datepicker disabledDate`
|
|
320
320
|
|
|
321
321
|
```
|
|
322
|
-
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
322
|
+
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
323
323
|
```
|
|
324
324
|
|
|
325
325
|
#### `Datepicker format`
|
|
326
326
|
|
|
327
327
|
```
|
|
328
|
-
"<div><div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
328
|
+
"<div><div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->value: </div><div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->value: </div><div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->value: </div></div>"
|
|
329
329
|
```
|
|
330
330
|
|
|
331
331
|
#### `Datepicker maxMin`
|
|
332
332
|
|
|
333
333
|
```
|
|
334
|
-
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
334
|
+
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> ~<div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--> ~<div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
335
335
|
```
|
|
336
336
|
|
|
337
337
|
#### `Datepicker multiple`
|
|
338
338
|
|
|
339
339
|
```
|
|
340
|
-
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
340
|
+
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择日期</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择日期和时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择年份</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择月份</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始日期 ~ 结束日期</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: []<br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始时间 ~ 结束时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: []<br><br></div>"
|
|
341
341
|
```
|
|
342
342
|
|
|
343
343
|
#### `Datepicker range`
|
|
344
344
|
|
|
345
345
|
```
|
|
346
|
-
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
346
|
+
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal-->You selected: null<br><br></div>"
|
|
347
347
|
```
|
|
348
348
|
|
|
349
349
|
#### `Datepicker shortcuts`
|
|
350
350
|
|
|
351
351
|
```
|
|
352
|
-
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
352
|
+
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
353
353
|
```
|
|
354
354
|
|
|
355
355
|
#### `Datepicker yearMonth`
|
|
356
356
|
|
|
357
357
|
```
|
|
358
|
-
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
358
|
+
"<div><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
359
359
|
```
|
|
360
360
|
|
|
361
361
|
## `diagram`
|
|
@@ -501,7 +501,7 @@
|
|
|
501
501
|
#### `Dropdown trigger`
|
|
502
502
|
|
|
503
503
|
```
|
|
504
|
-
"<div><button class=\"k-btn k-primary css-720w39\" tabindex=\"0\" type=\"button\">hover <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--><button class=\"k-btn k-primary css-720w39\" tabindex=\"0\" type=\"button\">click <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--><div class=\"k-input css-
|
|
504
|
+
"<div><button class=\"k-btn k-primary css-720w39\" tabindex=\"0\" type=\"button\">hover <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--><button class=\"k-btn k-primary css-720w39\" tabindex=\"0\" type=\"button\">click <i class=\"k-icon k-icon-down css-1s6te75\"></i></button><!--portal--><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
505
505
|
```
|
|
506
506
|
|
|
507
507
|
## `editable`
|
|
@@ -523,37 +523,37 @@
|
|
|
523
523
|
#### `Form basic`
|
|
524
524
|
|
|
525
525
|
```
|
|
526
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
526
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-1640ytq\" 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-1640ytq\" 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-1640ytq\" 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-nxe027\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-1pbp32d\" 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-1pbp32d\" 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-1pbp32d\" 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-nxe027\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-17zyilz\"><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-n8phs7\" 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-nxe027\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input k-type-textarea k-resize-vertical css-acolmq\"><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-nxe027\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\" style=\"margin-left: 8px;\">重置</button></div></div></form>"
|
|
527
527
|
```
|
|
528
528
|
|
|
529
529
|
#### `Form custom`
|
|
530
530
|
|
|
531
531
|
```
|
|
532
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-nxe027\"><div class=\"k-form-content\"><div class=\"k-input css-
|
|
532
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-nxe027\"><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-nxe027\"><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
|
|
533
533
|
```
|
|
534
534
|
|
|
535
535
|
#### `Form label`
|
|
536
536
|
|
|
537
537
|
```
|
|
538
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
538
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\"><i class=\"ion-person\"></i><!-- react-mount-point-unstable --> 姓名</label><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
|
|
539
539
|
```
|
|
540
540
|
|
|
541
541
|
#### `Form layout`
|
|
542
542
|
|
|
543
543
|
```
|
|
544
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-active css-eerehs\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-active css-eerehs\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
544
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-active css-eerehs\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-active css-eerehs\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"submit\">Submit</button></div></div></form>"
|
|
545
545
|
```
|
|
546
546
|
|
|
547
547
|
#### `Form remote`
|
|
548
548
|
|
|
549
549
|
```
|
|
550
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
550
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
|
|
551
551
|
```
|
|
552
552
|
|
|
553
553
|
#### `Form variable`
|
|
554
554
|
|
|
555
555
|
```
|
|
556
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><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-nxe027\"><div class=\"k-form-content\"><div class=\"k-input css-
|
|
556
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-nxe027\"><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-nxe027\"><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-nxe027\"><div class=\"k-form-content\"><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div></div></div></div></form>"
|
|
557
557
|
```
|
|
558
558
|
|
|
559
559
|
## `grid`
|
|
@@ -629,7 +629,7 @@
|
|
|
629
629
|
#### `Icon icons`
|
|
630
630
|
|
|
631
631
|
```
|
|
632
|
-
"<div><div class=\"k-input k-clearable css-
|
|
632
|
+
"<div><div class=\"k-input k-clearable css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Search icon\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><div class=\"icons\"><div class=\"icon\"><i class=\"k-icon k-icon-information-fill k-large css-1s6te75\"></i><div>k-icon-information-fill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-warning-fill k-large css-1s6te75\"></i><div>k-icon-warning-fill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-success-fill k-large css-1s6te75\"></i><div>k-icon-success-fill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-error-fill k-large css-1s6te75\"></i><div>k-icon-error-fill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-question-fill k-large css-1s6te75\"></i><div>k-icon-question-fill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-heart-fill k-large css-1s6te75\"></i><div>k-icon-heart-fill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-heart k-large css-1s6te75\"></i><div>k-icon-heart</div></div><div class=\"icon\"><i class=\"k-icon k-icon-notification-fill k-large css-1s6te75\"></i><div>k-icon-notification-fill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-notification k-large css-1s6te75\"></i><div>k-icon-notification</div></div><div class=\"icon\"><i class=\"k-icon k-icon-information k-large css-1s6te75\"></i><div>k-icon-information</div></div><div class=\"icon\"><i class=\"k-icon k-icon-alert k-large css-1s6te75\"></i><div>k-icon-alert</div></div><div class=\"icon\"><i class=\"k-icon k-icon-question k-large css-1s6te75\"></i><div>k-icon-question</div></div><div class=\"icon\"><i class=\"k-icon k-icon-zoom-in k-large css-1s6te75\"></i><div>k-icon-zoom-in</div></div><div class=\"icon\"><i class=\"k-icon k-icon-zoom-out k-large css-1s6te75\"></i><div>k-icon-zoom-out</div></div><div class=\"icon\"><i class=\"k-icon k-icon-close-outline k-large css-1s6te75\"></i><div>k-icon-close-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-check-outline k-large css-1s6te75\"></i><div>k-icon-check-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-time k-large css-1s6te75\"></i><div>k-icon-time</div></div><div class=\"icon\"><i class=\"k-icon k-icon-right-circled k-large css-1s6te75\"></i><div>k-icon-right-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down-circled k-large css-1s6te75\"></i><div>k-icon-down-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-right-circled k-large css-1s6te75\"></i><div>k-icon-right-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up-circled k-large css-1s6te75\"></i><div>k-icon-up-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-right-squared k-large css-1s6te75\"></i><div>k-icon-right-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down-squared k-large css-1s6te75\"></i><div>k-icon-down-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-left-squared k-large css-1s6te75\"></i><div>k-icon-left-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up-squared k-large css-1s6te75\"></i><div>k-icon-up-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-right k-large css-1s6te75\"></i><div>k-icon-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down k-large css-1s6te75\"></i><div>k-icon-down</div></div><div class=\"icon\"><i class=\"k-icon k-icon-left k-large css-1s6te75\"></i><div>k-icon-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up k-large css-1s6te75\"></i><div>k-icon-up</div></div><div class=\"icon\"><i class=\"k-icon k-icon-right-bold k-large css-1s6te75\"></i><div>k-icon-right-bold</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down-bold k-large css-1s6te75\"></i><div>k-icon-down-bold</div></div><div class=\"icon\"><i class=\"k-icon k-icon-left-bold k-large css-1s6te75\"></i><div>k-icon-left-bold</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up-bold k-large css-1s6te75\"></i><div>k-icon-up-bold</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sort k-large css-1s6te75\"></i><div>k-icon-sort</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sort-bold k-large css-1s6te75\"></i><div>k-icon-sort-bold</div></div><div class=\"icon\"><i class=\"k-icon k-icon-close k-large css-1s6te75\"></i><div>k-icon-close</div></div><div class=\"icon\"><i class=\"k-icon k-icon-close-bold k-large css-1s6te75\"></i><div>k-icon-close-bold</div></div><div class=\"icon\"><i class=\"k-icon k-icon-check k-large css-1s6te75\"></i><div>k-icon-check</div></div><div class=\"icon\"><i class=\"k-icon k-icon-check-bold k-large css-1s6te75\"></i><div>k-icon-check-bold</div></div><div class=\"icon\"><i class=\"k-icon k-icon-add k-large css-1s6te75\"></i><div>k-icon-add</div></div><div class=\"icon\"><i class=\"k-icon k-icon-add-bold k-large css-1s6te75\"></i><div>k-icon-add-bold</div></div><div class=\"icon\"><i class=\"k-icon k-icon-minus k-large css-1s6te75\"></i><div>k-icon-minus</div></div><div class=\"icon\"><i class=\"k-icon k-icon-minus-bold k-large css-1s6te75\"></i><div>k-icon-minus-bold</div></div><div class=\"icon\"><i class=\"k-icon k-icon-share k-large css-1s6te75\"></i><div>k-icon-share</div></div><div class=\"icon\"><i class=\"k-icon k-icon-tag k-large css-1s6te75\"></i><div>k-icon-tag</div></div><div class=\"icon\"><i class=\"k-icon k-icon-clone k-large css-1s6te75\"></i><div>k-icon-clone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud k-large css-1s6te75\"></i><div>k-icon-cloud</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pin k-large css-1s6te75\"></i><div>k-icon-pin</div></div><div class=\"icon\"><i class=\"k-icon k-icon-home k-large css-1s6te75\"></i><div>k-icon-home</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cut k-large css-1s6te75\"></i><div>k-icon-cut</div></div><div class=\"icon\"><i class=\"k-icon k-icon-server k-large css-1s6te75\"></i><div>k-icon-server</div></div><div class=\"icon\"><i class=\"k-icon k-icon-internet k-large css-1s6te75\"></i><div>k-icon-internet</div></div><div class=\"icon\"><i class=\"k-icon k-icon-mail k-large css-1s6te75\"></i><div>k-icon-mail</div></div><div class=\"icon\"><i class=\"k-icon k-icon-paper k-large css-1s6te75\"></i><div>k-icon-paper</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phone k-large css-1s6te75\"></i><div>k-icon-phone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-panel k-large css-1s6te75\"></i><div>k-icon-panel</div></div><div class=\"icon\"><i class=\"k-icon k-icon-alarm k-large css-1s6te75\"></i><div>k-icon-alarm</div></div><div class=\"icon\"><i class=\"k-icon k-icon-earphone k-large css-1s6te75\"></i><div>k-icon-earphone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings-horizontal k-large css-1s6te75\"></i><div>k-icon-settings-horizontal</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings-vertical k-large css-1s6te75\"></i><div>k-icon-settings-vertical</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings k-large css-1s6te75\"></i><div>k-icon-settings</div></div><div class=\"icon\"><i class=\"k-icon k-icon-message k-large css-1s6te75\"></i><div>k-icon-message</div></div><div class=\"icon\"><i class=\"k-icon k-icon-return-right k-large css-1s6te75\"></i><div>k-icon-return-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-picture k-large css-1s6te75\"></i><div>k-icon-picture</div></div><div class=\"icon\"><i class=\"k-icon k-icon-logout k-large css-1s6te75\"></i><div>k-icon-logout</div></div><div class=\"icon\"><i class=\"k-icon k-icon-all k-large css-1s6te75\"></i><div>k-icon-all</div></div><div class=\"icon\"><i class=\"k-icon k-icon-drag k-large css-1s6te75\"></i><div>k-icon-drag</div></div><div class=\"icon\"><i class=\"k-icon k-icon-more k-large css-1s6te75\"></i><div>k-icon-more</div></div><div class=\"icon\"><i class=\"k-icon k-icon-more-circled k-large css-1s6te75\"></i><div>k-icon-more-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-folder k-large css-1s6te75\"></i><div>k-icon-folder</div></div><div class=\"icon\"><i class=\"k-icon k-icon-folder-open k-large css-1s6te75\"></i><div>k-icon-folder-open</div></div><div class=\"icon\"><i class=\"k-icon k-icon-lock k-large css-1s6te75\"></i><div>k-icon-lock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-unlock k-large css-1s6te75\"></i><div>k-icon-unlock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-user k-large css-1s6te75\"></i><div>k-icon-user</div></div><div class=\"icon\"><i class=\"k-icon k-icon-users k-large css-1s6te75\"></i><div>k-icon-users</div></div><div class=\"icon\"><i class=\"k-icon k-icon-edit k-large css-1s6te75\"></i><div>k-icon-edit</div></div><div class=\"icon\"><i class=\"k-icon k-icon-location k-large css-1s6te75\"></i><div>k-icon-location</div></div><div class=\"icon\"><i class=\"k-icon k-icon-delete k-large css-1s6te75\"></i><div>k-icon-delete</div></div><div class=\"icon\"><i class=\"k-icon k-icon-calendar k-large css-1s6te75\"></i><div>k-icon-calendar</div></div><div class=\"icon\"><i class=\"k-icon k-icon-search k-large css-1s6te75\"></i><div>k-icon-search</div></div><div class=\"icon\"><i class=\"k-icon k-icon-batchsearch k-large css-1s6te75\"></i><div>k-icon-batchsearch</div></div><div class=\"icon\"><i class=\"k-icon k-icon-hidden k-large css-1s6te75\"></i><div>k-icon-hidden</div></div><div class=\"icon\"><i class=\"k-icon k-icon-visible k-large css-1s6te75\"></i><div>k-icon-visible</div></div><div class=\"icon\"><i class=\"k-icon k-icon-refresh k-large css-1s6te75\"></i><div>k-icon-refresh</div></div><div class=\"icon\"><i class=\"k-icon k-icon-upload k-large css-1s6te75\"></i><div>k-icon-upload</div></div><div class=\"icon\"><i class=\"k-icon k-icon-download k-large css-1s6te75\"></i><div>k-icon-download</div></div></div></div>"
|
|
633
633
|
```
|
|
634
634
|
|
|
635
635
|
## `input`
|
|
@@ -637,79 +637,79 @@
|
|
|
637
637
|
#### `Input autoRows`
|
|
638
638
|
|
|
639
639
|
```
|
|
640
|
-
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-none css-
|
|
640
|
+
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-none css-acolmq\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 32px;\"></textarea></div></div><br><br><div class=\"k-input k-fluid k-type-textarea k-resize-none css-acolmq\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 68px;\"></textarea></div></div></div>"
|
|
641
641
|
```
|
|
642
642
|
|
|
643
643
|
#### `Input autowidth`
|
|
644
644
|
|
|
645
645
|
```
|
|
646
|
-
"<div class=\"k-input k-auto-width css-
|
|
646
|
+
"<div class=\"k-input k-auto-width css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" style=\"width: px;\"><div class=\"k-input-fake\"><span>auto width</span></div></div></div>"
|
|
647
647
|
```
|
|
648
648
|
|
|
649
649
|
#### `Input basic`
|
|
650
650
|
|
|
651
651
|
```
|
|
652
|
-
"<div><div class=\"k-input css-
|
|
652
|
+
"<div><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div></div> <br><div class=\"k-input k-disabled css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"disabled\" disabled=\"\"></div></div></div>"
|
|
653
653
|
```
|
|
654
654
|
|
|
655
655
|
#### `Input blocks`
|
|
656
656
|
|
|
657
657
|
```
|
|
658
|
-
"<div><div class=\"k-input k-group css-
|
|
658
|
+
"<div><div class=\"k-input k-group css-acolmq\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-group css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button></div></div><br><div class=\"k-input k-group css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-1s6te75\"></i></button></div></div><br><div class=\"k-input k-group css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary css-eerehs\" tabindex=\"0\" type=\"button\">搜索</button></div></div><br><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-1s6te75\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-1s6te75\"></i></div></div></div><br><div class=\"k-input k-group css-acolmq\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-1s6te75\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-1s6te75\"></i></div></div><div class=\"k-input-append k-input-padding\">.com</div></div></div>"
|
|
659
659
|
```
|
|
660
660
|
|
|
661
661
|
#### `Input clearable`
|
|
662
662
|
|
|
663
663
|
```
|
|
664
|
-
"<div><div class=\"k-input k-clearable css-
|
|
664
|
+
"<div><div class=\"k-input k-clearable css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><br><div class=\"k-input k-disabled k-clearable css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"disabled\"></div></div><br><div class=\"k-input k-clearable css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> <i class=\"k-icon k-hoverable k-icon-search css-1s6te75\"></i></div></div></div><br><div class=\"k-input k-clearable k-stack-clear css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> <i class=\"k-icon k-hoverable k-icon-search css-1s6te75\"></i></div></div></div></div>"
|
|
665
665
|
```
|
|
666
666
|
|
|
667
667
|
#### `Input flat`
|
|
668
668
|
|
|
669
669
|
```
|
|
670
|
-
"<div><div class=\"k-input k-flat css-
|
|
670
|
+
"<div><div class=\"k-input k-flat css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\"></div></div><br><br><div class=\"k-input k-disabled k-flat css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\" disabled=\"\" value=\"disabled\"></div></div></div>"
|
|
671
671
|
```
|
|
672
672
|
|
|
673
673
|
#### `Input frozen`
|
|
674
674
|
|
|
675
675
|
```
|
|
676
|
-
"<div><div class=\"k-input css-
|
|
676
|
+
"<div><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div><br><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div></div>"
|
|
677
677
|
```
|
|
678
678
|
|
|
679
679
|
#### `Input inline`
|
|
680
680
|
|
|
681
681
|
```
|
|
682
|
-
"<div class=\"k-input k-inline css-
|
|
682
|
+
"<div class=\"k-input k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"内联文字\"></div></div>"
|
|
683
683
|
```
|
|
684
684
|
|
|
685
685
|
#### `Input password`
|
|
686
686
|
|
|
687
687
|
```
|
|
688
|
-
"<div class=\"k-input css-
|
|
688
|
+
"<div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"password\" type=\"password\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-show-password k-icon-hidden css-1s6te75\"></i> </div></div></div>"
|
|
689
689
|
```
|
|
690
690
|
|
|
691
691
|
#### `Input search`
|
|
692
692
|
|
|
693
693
|
```
|
|
694
|
-
"<div><form class=\"k-search k-hide k-default css-1uwot5z\"><div class=\"k-input k-clearable css-
|
|
694
|
+
"<div><form class=\"k-search k-hide k-default css-1uwot5z\"><div class=\"k-input k-clearable css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-1s6te75\"></i></button></form><br><form class=\"k-search k-hide k-line css-1uwot5z\"><div class=\"k-input k-clearable css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-1s6te75\"></i></button></form></div>"
|
|
695
695
|
```
|
|
696
696
|
|
|
697
697
|
#### `Input showCount`
|
|
698
698
|
|
|
699
699
|
```
|
|
700
|
-
"<div><div class=\"k-input css-
|
|
700
|
+
"<div><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\"><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0</span></div></div></div><br><br><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\" maxlength=\"10\"><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0<span> / 10</span></span></div></div></div><br><br><div class=\"k-input k-type-textarea k-resize-vertical css-acolmq\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" maxlength=\"100\" rows=\"2\"></textarea><div class=\"k-input-suffix\"> <span class=\"k-input-count\">0<span> / 100</span></span></div></div></div></div>"
|
|
701
701
|
```
|
|
702
702
|
|
|
703
703
|
#### `Input size`
|
|
704
704
|
|
|
705
705
|
```
|
|
706
|
-
"<div><div class=\"k-input k-large css-
|
|
706
|
+
"<div><div class=\"k-input k-large css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"large\"></div></div><br><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"default\"></div></div><br><div class=\"k-input k-small css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"small\"></div></div><br><div class=\"k-input k-small k-group css-acolmq\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append k-input-padding\">.com</div></div><br><div class=\"k-input k-small k-group css-acolmq\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-earth\"></i><!-- react-mount-point-unstable --></div><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-small k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon k-icon-search k-small css-1s6te75\"></i></button></div></div><br><div class=\"k-input k-small k-group k-clearable css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div><div class=\"k-input-append\"><button class=\"k-btn k-primary k-small css-eerehs\" tabindex=\"0\" type=\"button\">Search</button></div></div><br><div class=\"k-input k-mini css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"mini\"></div></div></div>"
|
|
707
707
|
```
|
|
708
708
|
|
|
709
709
|
#### `Input textarea`
|
|
710
710
|
|
|
711
711
|
```
|
|
712
|
-
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-
|
|
712
|
+
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-acolmq\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"2\"></textarea></div></div><br><br><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-acolmq\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"5\"></textarea></div></div></div>"
|
|
713
713
|
```
|
|
714
714
|
|
|
715
715
|
## `layout`
|
|
@@ -831,37 +831,37 @@
|
|
|
831
831
|
#### `Pagination disable`
|
|
832
832
|
|
|
833
833
|
```
|
|
834
|
-
"<div><div class=\"k-pagination css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-
|
|
834
|
+
"<div><div class=\"k-pagination css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"10\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
835
835
|
```
|
|
836
836
|
|
|
837
837
|
#### `Pagination flat`
|
|
838
838
|
|
|
839
839
|
```
|
|
840
|
-
"<div><div class=\"k-pagination k-large k-flat css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large k-flat css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-large k-flat css-
|
|
840
|
+
"<div><div class=\"k-pagination k-large k-flat css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-large k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large k-flat css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-large k-flat css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-flat css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-flat css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-flat css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-small k-flat css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-small k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small k-flat css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-small k-flat css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-mini k-flat css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon k-pagination-ellipsis css-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-mini k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini k-flat css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-mini k-flat css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
841
841
|
```
|
|
842
842
|
|
|
843
843
|
#### `Pagination goto`
|
|
844
844
|
|
|
845
845
|
```
|
|
846
|
-
"<div><div class=\"k-pagination css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-
|
|
846
|
+
"<div><div class=\"k-pagination css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
847
847
|
```
|
|
848
848
|
|
|
849
|
-
#### `Pagination
|
|
849
|
+
#### `Pagination noBoard`
|
|
850
850
|
|
|
851
851
|
```
|
|
852
|
-
"<div><div class=\"k-pagination k-large
|
|
852
|
+
"<div><div class=\"k-pagination k-large css-1gi5wkg\" noborder=\"true\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-active css-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-1gi5wkg\" noborder=\"true\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-small css-1gi5wkg\" noborder=\"true\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-mini css-1gi5wkg\" noborder=\"true\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-active css-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div></div>"
|
|
853
853
|
```
|
|
854
854
|
|
|
855
|
-
#### `Pagination
|
|
855
|
+
#### `Pagination simple`
|
|
856
856
|
|
|
857
857
|
```
|
|
858
|
-
"<div><div class=\"k-pagination k-large css-1gi5wkg\"><div class=\"k-
|
|
858
|
+
"<div><div class=\"k-pagination k-large k-simple css-1gi5wkg\"><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-large k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-simple css-1gi5wkg\"><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-small k-simple css-1gi5wkg\"><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-small k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-mini k-simple css-1gi5wkg\"><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><span>1</span></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-mini k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div>"
|
|
859
859
|
```
|
|
860
860
|
|
|
861
|
-
#### `Pagination
|
|
861
|
+
#### `Pagination size`
|
|
862
862
|
|
|
863
863
|
```
|
|
864
|
-
"<div><div class=\"k-pagination k-large css-1gi5wkg\"
|
|
864
|
+
"<div><div class=\"k-pagination k-large css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-active css-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-eerehs\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-small css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination k-mini css-1gi5wkg\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-active css-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-eerehs\" 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-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-1s6te75\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div></div></div>"
|
|
865
865
|
```
|
|
866
866
|
|
|
867
867
|
## `popover`
|
|
@@ -1064,14 +1064,14 @@
|
|
|
1064
1064
|
#### `Select creatable`
|
|
1065
1065
|
|
|
1066
1066
|
```
|
|
1067
|
-
"<div><div class=\"k-select css-1gjavwd\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1068
|
-
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1067
|
+
"<div><div class=\"k-select css-1gjavwd\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->Day: <br><br><div class=\"k-select k-nowrap css-1gjavwd\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
|
|
1068
|
+
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请输入或选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->Days: []</div>"
|
|
1069
1069
|
```
|
|
1070
1070
|
|
|
1071
1071
|
#### `Select custom`
|
|
1072
1072
|
|
|
1073
1073
|
```
|
|
1074
|
-
"<div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1074
|
+
"<div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
|
|
1075
1075
|
```
|
|
1076
1076
|
|
|
1077
1077
|
#### `Select customMenu`
|
|
@@ -1096,7 +1096,7 @@
|
|
|
1096
1096
|
#### `Select filterable`
|
|
1097
1097
|
|
|
1098
1098
|
```
|
|
1099
|
-
"<div><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1099
|
+
"<div><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--> <div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
1100
1100
|
```
|
|
1101
1101
|
|
|
1102
1102
|
#### `Select flat`
|
|
@@ -1114,7 +1114,7 @@
|
|
|
1114
1114
|
#### `Select group`
|
|
1115
1115
|
|
|
1116
1116
|
```
|
|
1117
|
-
"<div><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1117
|
+
"<div><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
1118
1118
|
```
|
|
1119
1119
|
|
|
1120
1120
|
#### `Select inline`
|
|
@@ -1129,17 +1129,23 @@
|
|
|
1129
1129
|
"<div><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->You selected: []</div>"
|
|
1130
1130
|
```
|
|
1131
1131
|
|
|
1132
|
+
#### `Select noBorder`
|
|
1133
|
+
|
|
1134
|
+
```
|
|
1135
|
+
"<div class=\"k-select k-inline css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
|
|
1136
|
+
```
|
|
1137
|
+
|
|
1132
1138
|
#### `Select nowrap`
|
|
1133
1139
|
|
|
1134
1140
|
```
|
|
1135
1141
|
"<div><div class=\"k-select k-nowrap css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\">星期一<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期二<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-1s6te75\"></i></div><div class=\"k-tag k-tags-more k-tags-tooltip k-none css-1weg519\">
|
|
1136
|
-
+2</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1142
|
+
+2</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"><span></span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close k-show css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
1137
1143
|
```
|
|
1138
1144
|
|
|
1139
1145
|
#### `Select remote`
|
|
1140
1146
|
|
|
1141
1147
|
```
|
|
1142
|
-
"<div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1148
|
+
"<div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
|
|
1143
1149
|
```
|
|
1144
1150
|
|
|
1145
1151
|
#### `Select searchable`
|
|
@@ -1154,12 +1160,6 @@
|
|
|
1154
1160
|
"<div><div class=\"k-select k-large css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-small css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-mini css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-large css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-small css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--><div class=\"k-select k-mini css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div>"
|
|
1155
1161
|
```
|
|
1156
1162
|
|
|
1157
|
-
#### `Select noBorder`
|
|
1158
|
-
|
|
1159
|
-
```
|
|
1160
|
-
"<div class=\"k-select k-inline css-1dh5c5y\" 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-73bv35\"></i></span></span></div><!--portal-->"
|
|
1161
|
-
```
|
|
1162
|
-
|
|
1163
1163
|
## `skeleton`
|
|
1164
1164
|
|
|
1165
1165
|
#### `Skeleton animate`
|
|
@@ -1197,19 +1197,19 @@
|
|
|
1197
1197
|
#### `Slider basic`
|
|
1198
1198
|
|
|
1199
1199
|
```
|
|
1200
|
-
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1200
|
+
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 60%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"60MB\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
|
|
1201
1201
|
```
|
|
1202
1202
|
|
|
1203
1203
|
#### `Slider disabled`
|
|
1204
1204
|
|
|
1205
1205
|
```
|
|
1206
|
-
"<div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-disabled k-spinner-input css-
|
|
1206
|
+
"<div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-disabled k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%; left: 10%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 10%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">55<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">80<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-disabled k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"55\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-disabled k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-disabled k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"80\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div></div>"
|
|
1207
1207
|
```
|
|
1208
1208
|
|
|
1209
1209
|
#### `Slider dynamicStep`
|
|
1210
1210
|
|
|
1211
1211
|
```
|
|
1212
|
-
"<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1212
|
+
"<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div>"
|
|
1213
1213
|
```
|
|
1214
1214
|
|
|
1215
1215
|
#### `Slider marks`
|
|
@@ -1221,25 +1221,25 @@
|
|
|
1221
1221
|
#### `Slider points`
|
|
1222
1222
|
|
|
1223
1223
|
```
|
|
1224
|
-
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1224
|
+
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 5%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 10%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 15%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 25%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 45%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 55%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 65%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 75%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 85%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 30%; left: 30%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 30%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.3<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 60%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.3\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.6\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">45<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point k-active\" style=\"left: 0%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 35%;\"></i><i class=\"k-slider-point\" style=\"left: 95%;\"></i><i class=\"k-slider-point\" style=\"left: 100%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div>"
|
|
1225
1225
|
```
|
|
1226
1226
|
|
|
1227
1227
|
#### `Slider range`
|
|
1228
1228
|
|
|
1229
1229
|
```
|
|
1230
|
-
"<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1230
|
+
"<div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 26%; left: 50%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 76%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"76\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div>"
|
|
1231
1231
|
```
|
|
1232
1232
|
|
|
1233
1233
|
#### `Slider step`
|
|
1234
1234
|
|
|
1235
1235
|
```
|
|
1236
|
-
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1236
|
+
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"50\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 23.4234%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 23.4234%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">0.234234<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0.234234\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div></div>"
|
|
1237
1237
|
```
|
|
1238
1238
|
|
|
1239
1239
|
#### `Slider tooltip`
|
|
1240
1240
|
|
|
1241
1241
|
```
|
|
1242
|
-
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1242
|
+
"<div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-dm9xi8 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"277\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 9.015625px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"300\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div></div></div>"
|
|
1243
1243
|
```
|
|
1244
1244
|
|
|
1245
1245
|
## `spin`
|
|
@@ -1261,49 +1261,49 @@
|
|
|
1261
1261
|
#### `Spinner basic`
|
|
1262
1262
|
|
|
1263
1263
|
```
|
|
1264
|
-
"<div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1264
|
+
"<div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner k-disabled css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-disabled k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
|
|
1265
1265
|
```
|
|
1266
1266
|
|
|
1267
1267
|
#### `Spinner dynamicStep`
|
|
1268
1268
|
|
|
1269
1269
|
```
|
|
1270
|
-
"<div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1270
|
+
"<div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div>"
|
|
1271
1271
|
```
|
|
1272
1272
|
|
|
1273
1273
|
#### `Spinner forceStep`
|
|
1274
1274
|
|
|
1275
1275
|
```
|
|
1276
|
-
"<div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1276
|
+
"<div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
|
|
1277
1277
|
```
|
|
1278
1278
|
|
|
1279
1279
|
#### `Spinner formatter`
|
|
1280
1280
|
|
|
1281
1281
|
```
|
|
1282
|
-
"<div><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1282
|
+
"<div><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"￥1,000\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"增长率 78%\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div>"
|
|
1283
1283
|
```
|
|
1284
1284
|
|
|
1285
1285
|
#### `Spinner precision`
|
|
1286
1286
|
|
|
1287
1287
|
```
|
|
1288
|
-
"<div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1288
|
+
"<div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
|
|
1289
1289
|
```
|
|
1290
1290
|
|
|
1291
1291
|
#### `Spinner size`
|
|
1292
1292
|
|
|
1293
1293
|
```
|
|
1294
|
-
"<div><div class=\"k-spinner k-large css-1qugjsp\"><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-large k-spinner-input css-
|
|
1294
|
+
"<div><div class=\"k-spinner k-large css-1qugjsp\"><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-large k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner k-small css-1qugjsp\"><button class=\"k-btn k-none k-small k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-small k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-small k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner k-mini css-1qugjsp\"><button class=\"k-btn k-none k-mini k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-mini k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-mini k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
|
|
1295
1295
|
```
|
|
1296
1296
|
|
|
1297
1297
|
#### `Spinner step`
|
|
1298
1298
|
|
|
1299
1299
|
```
|
|
1300
|
-
"<div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1300
|
+
"<div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div><div class=\"k-spinner css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-1s6te75\"></i></button></div></div>"
|
|
1301
1301
|
```
|
|
1302
1302
|
|
|
1303
1303
|
#### `Spinner vertical`
|
|
1304
1304
|
|
|
1305
1305
|
```
|
|
1306
|
-
"<div><div class=\"k-spinner k-large k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-large k-spinner-input css-
|
|
1306
|
+
"<div><div class=\"k-spinner k-large k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-large k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-large k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><div class=\"k-spinner k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><div class=\"k-spinner k-small k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-small k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-small k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-small k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div><div class=\"k-spinner k-mini k-vertical css-1qugjsp\"><button class=\"k-btn k-none k-mini k-btn-icon k-spinner-btn k-left css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-1s6te75\"></i></button><div class=\"k-input k-mini k-spinner-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-none k-mini k-btn-icon k-spinner-btn k-right css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-1s6te75\"></i></button></div></div>"
|
|
1307
1307
|
```
|
|
1308
1308
|
|
|
1309
1309
|
## `split`
|
|
@@ -1557,7 +1557,7 @@
|
|
|
1557
1557
|
#### `Table showIndeterminate`
|
|
1558
1558
|
|
|
1559
1559
|
```
|
|
1560
|
-
"<div><div class=\"k-table css-4j9ytz\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox
|
|
1560
|
+
"<div><div class=\"k-table css-4j9ytz\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-1640ytq\" 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-1640ytq\" 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-1640ytq\" 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>"
|
|
1561
1561
|
```
|
|
1562
1562
|
|
|
1563
1563
|
#### `Table sort`
|
|
@@ -1625,7 +1625,7 @@
|
|
|
1625
1625
|
#### `Tabs closable`
|
|
1626
1626
|
|
|
1627
1627
|
```
|
|
1628
|
-
"<div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-active css-eerehs\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">新增Tab</button><div class=\"k-tabs k-size-large k-type-default css-dwxi7a\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-
|
|
1628
|
+
"<div><div class=\"k-btns css-17zyilz\"><button class=\"k-btn k-active css-eerehs\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">新增Tab</button><div class=\"k-tabs k-size-large k-type-default css-dwxi7a\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1qv55gm\" style=\"margin-right: 8px;\"></i>Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1qv55gm\" style=\"margin-right: 8px;\"></i>Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1qv55gm\" style=\"margin-right: 8px;\"></i>Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-card css-dwxi7a\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1qv55gm\" style=\"margin-right: 8px;\"></i>Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1qv55gm\" style=\"margin-right: 8px;\"></i>Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1qv55gm\" style=\"margin-right: 8px;\"></i>Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div><div class=\"k-tabs k-size-large k-type-flat-card css-dwxi7a\"><div class=\"k-tabs-scroll c-clearfix\"><div class=\"k-tabs-wrapper\" style=\"transform: translateX(0px);\"><div class=\"k-tab k-active\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1qv55gm\" style=\"margin-right: 8px;\"></i>Tab 1<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1qv55gm\" style=\"margin-right: 8px;\"></i>Tab 2<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tab\" closable=\"true\"><i class=\"k-icon k-icon-paper k-large css-1qv55gm\" style=\"margin-right: 8px;\"></i>Tab 3<button class=\"k-btn k-none k-mini k-btn-icon k-tab-close css-eerehs\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable ion-ios-close-empty css-1s6te75\"></i></button></div><div class=\"k-tabs-active-bar\" style=\"left: 0px; width: 120px;\"></div></div></div></div></div>"
|
|
1629
1629
|
```
|
|
1630
1630
|
|
|
1631
1631
|
#### `Tabs disabled`
|
|
@@ -1717,31 +1717,31 @@
|
|
|
1717
1717
|
#### `Timepicker basic`
|
|
1718
1718
|
|
|
1719
1719
|
```
|
|
1720
|
-
"<div><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1720
|
+
"<div><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal-->You selected: <br><br><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal-->You selected: []</div>"
|
|
1721
1721
|
```
|
|
1722
1722
|
|
|
1723
1723
|
#### `Timepicker format`
|
|
1724
1724
|
|
|
1725
1725
|
```
|
|
1726
|
-
"<div><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1726
|
+
"<div><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select css-1gjavwd\" 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-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal--><span>You selected: null</span></div>"
|
|
1727
1727
|
```
|
|
1728
1728
|
|
|
1729
1729
|
#### `Timepicker range`
|
|
1730
1730
|
|
|
1731
1731
|
```
|
|
1732
|
-
"<div><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1732
|
+
"<div><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>开始时间 ~ 结束时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal-->You selected: []</div>"
|
|
1733
1733
|
```
|
|
1734
1734
|
|
|
1735
1735
|
#### `Timepicker step`
|
|
1736
1736
|
|
|
1737
1737
|
```
|
|
1738
|
-
"<div><div class=\"k-select time css-1gjavwd\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1738
|
+
"<div><div class=\"k-select time css-1gjavwd\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal-->You selected: null<br><br><div class=\"k-select css-1gjavwd\" step=\"00:30:00\" min=\"09:00:00\" max=\"18:00:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><span>请选择时间</span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal-->You selected: []</div>"
|
|
1739
1739
|
```
|
|
1740
1740
|
|
|
1741
1741
|
#### `Timepicker stepRange`
|
|
1742
1742
|
|
|
1743
1743
|
```
|
|
1744
|
-
"<div><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1744
|
+
"<div><div class=\"k-select k-timepicker css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-1s6te75\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-1s6te75\"></i></span></span></div><!--portal-->You selected: null</div>"
|
|
1745
1745
|
```
|
|
1746
1746
|
|
|
1747
1747
|
## `tip`
|
|
@@ -1778,6 +1778,12 @@
|
|
|
1778
1778
|
"<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>"
|
|
1779
1779
|
```
|
|
1780
1780
|
|
|
1781
|
+
#### `Tooltip confirm`
|
|
1782
|
+
|
|
1783
|
+
```
|
|
1784
|
+
"<div><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
|
|
1785
|
+
```
|
|
1786
|
+
|
|
1781
1787
|
#### `Tooltip content`
|
|
1782
1788
|
|
|
1783
1789
|
```
|
|
@@ -1793,13 +1799,7 @@
|
|
|
1793
1799
|
#### `Tooltip trigger`
|
|
1794
1800
|
|
|
1795
1801
|
```
|
|
1796
|
-
"<div class=\"k-btns css-17zyilz\"><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-
|
|
1797
|
-
```
|
|
1798
|
-
|
|
1799
|
-
#### `Tooltip confirm`
|
|
1800
|
-
|
|
1801
|
-
```
|
|
1802
|
-
"<div><button class=\"k-btn css-55gqps\" tabindex=\"0\" type=\"button\">删除</button><!--portal--></div>"
|
|
1802
|
+
"<div class=\"k-btns css-17zyilz\"><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn css-eerehs\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
1803
1803
|
```
|
|
1804
1804
|
|
|
1805
1805
|
## `transfer`
|
|
@@ -1816,7 +1816,7 @@
|
|
|
1816
1816
|
|
|
1817
1817
|
```
|
|
1818
1818
|
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1819
|
-
0</div><label class=\"k-checkbox c-ellipsis css-1640ytq\" 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-
|
|
1819
|
+
0</div><label class=\"k-checkbox c-ellipsis css-1640ytq\" 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-acolmq\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1gjavwd\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"all\"><div class=\"k-select-value c-ellipsis\">全部策略</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal--></div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1820
1820
|
0</div><label class=\"k-checkbox c-ellipsis css-1640ytq\" 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 selected: []</p></div>"
|
|
1821
1821
|
```
|
|
1822
1822
|
|
|
@@ -1838,8 +1838,8 @@
|
|
|
1838
1838
|
|
|
1839
1839
|
```
|
|
1840
1840
|
"<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1841
|
-
5</div><label class=\"k-checkbox c-ellipsis css-1640ytq\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-clearable css-
|
|
1842
|
-
0</div><label class=\"k-checkbox c-ellipsis css-1640ytq\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-
|
|
1841
|
+
5</div><label class=\"k-checkbox c-ellipsis css-1640ytq\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-clearable css-acolmq\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-1s6te75\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-1640ytq\" 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><!-- react-mount-point-unstable --></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-1640ytq\" 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><!-- react-mount-point-unstable --></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-1640ytq\" 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><!-- react-mount-point-unstable --></span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-1640ytq\"><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><!-- react-mount-point-unstable --></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-1640ytq\" 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><!-- react-mount-point-unstable --></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-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-1s6te75\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-eerehs\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-1s6te75\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
1842
|
+
0</div><label class=\"k-checkbox c-ellipsis css-1640ytq\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-acolmq\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-1s6te75\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-1s6te75\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div>"
|
|
1843
1843
|
```
|
|
1844
1844
|
|
|
1845
1845
|
#### `Transfer leftChecked`
|
|
@@ -1897,7 +1897,7 @@
|
|
|
1897
1897
|
#### `Tree filterable`
|
|
1898
1898
|
|
|
1899
1899
|
```
|
|
1900
|
-
"<div><div class=\"k-input css-
|
|
1900
|
+
"<div><div class=\"k-input css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter keywords to filter node.\"></div></div><div class=\"k-tree k-line k-selectable css-1hs6ucz\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-1s6te75\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
|
|
1901
1901
|
```
|
|
1902
1902
|
|
|
1903
1903
|
#### `Tree loading`
|
|
@@ -1935,7 +1935,7 @@
|
|
|
1935
1935
|
#### `TreeSelect filter`
|
|
1936
1936
|
|
|
1937
1937
|
```
|
|
1938
|
-
"<div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1938
|
+
"<div class=\"k-select css-1gjavwd\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-acolmq\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-1s6te75\"></i></span></span></div><!--portal-->"
|
|
1939
1939
|
```
|
|
1940
1940
|
|
|
1941
1941
|
#### `TreeSelect load`
|