@king-design/vue 3.5.1-beta.0 → 3.5.2
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__/Vue Next Demos.md +84 -78
- package/components/breadcrumb/index.vdt.js +2 -1
- package/components/breadcrumb/styles.js +5 -3
- package/components/select/index.spec.js +54 -0
- package/components/table/table.vdt.js +4 -2
- package/components/tree/useChecked.js +10 -4
- package/components/treeSelect/index.spec.js +82 -5
- package/components/treeSelect/useValue.d.ts +1 -1
- package/components/treeSelect/useValue.js +6 -3
- package/components/virtualList/index.spec.js +200 -1
- package/components/virtualList/rows.vdt.js +2 -1
- package/components/virtualList/useRows.js +15 -2
- package/components/virtualList/useVirtualRows.js +25 -22
- package/hooks/useDocumentClick.js +3 -3
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +1 -1
- package/styles/fonts/iconfont.js +2 -1
- package/styles/global.js +2 -1
- package/yarn-error.log +43 -44
|
@@ -177,7 +177,7 @@
|
|
|
177
177
|
#### `Cascader filterable`
|
|
178
178
|
|
|
179
179
|
```
|
|
180
|
-
"<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-
|
|
180
|
+
"<div><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-cascader css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请输入或选择</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
181
181
|
```
|
|
182
182
|
|
|
183
183
|
#### `Cascader loadData`
|
|
@@ -293,13 +293,13 @@
|
|
|
293
293
|
#### `Config basic`
|
|
294
294
|
|
|
295
295
|
```
|
|
296
|
-
"<button class=\"kd-btn kd-default css-pa5v0t\" tabindex=\"0\" type=\"button\">Button</button><div style=\"margin-top: 8px;\"><div class=\"kd-input css-
|
|
296
|
+
"<button class=\"kd-btn kd-default css-pa5v0t\" tabindex=\"0\" type=\"button\">Button</button><div style=\"margin-top: 8px;\"><div class=\"kd-input css-1qvwo7p\"><div class=\"kd-input-wrapper\"><input class=\"kd-input-inner\"></div></div></div>"
|
|
297
297
|
```
|
|
298
298
|
|
|
299
299
|
#### `Config disableWave`
|
|
300
300
|
|
|
301
301
|
```
|
|
302
|
-
"<button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Button</button><div class=\"k-input css-
|
|
302
|
+
"<button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Button</button><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">checkbox</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-radio-text\">radio</span></label><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
|
|
303
303
|
```
|
|
304
304
|
|
|
305
305
|
## `copy`
|
|
@@ -321,61 +321,61 @@
|
|
|
321
321
|
#### `Datepicker basic`
|
|
322
322
|
|
|
323
323
|
```
|
|
324
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
324
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-flat k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline k-flat css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled k-datepicker css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"2018-01-01\"><div class=\"k-input k-disabled k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"2018-01-01\" disabled=\"\" value=\"2018-01-01\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
325
325
|
```
|
|
326
326
|
|
|
327
327
|
#### `Datepicker clearable`
|
|
328
328
|
|
|
329
329
|
```
|
|
330
|
-
"<div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
330
|
+
"<div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal-->"
|
|
331
331
|
```
|
|
332
332
|
|
|
333
333
|
#### `Datepicker datetime`
|
|
334
334
|
|
|
335
335
|
```
|
|
336
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
336
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"时间精确到分钟\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
337
337
|
```
|
|
338
338
|
|
|
339
339
|
#### `Datepicker disabledDate`
|
|
340
340
|
|
|
341
341
|
```
|
|
342
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
342
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
343
343
|
```
|
|
344
344
|
|
|
345
345
|
#### `Datepicker format`
|
|
346
346
|
|
|
347
347
|
```
|
|
348
|
-
"<div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
348
|
+
"<div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> value: </div><div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> value: </div></div>"
|
|
349
349
|
```
|
|
350
350
|
|
|
351
351
|
#### `Datepicker maxMin`
|
|
352
352
|
|
|
353
353
|
```
|
|
354
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
354
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> ~ <div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
355
355
|
```
|
|
356
356
|
|
|
357
357
|
#### `Datepicker multiple`
|
|
358
358
|
|
|
359
359
|
```
|
|
360
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
360
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择日期</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期和时间\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择日期和时间</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择年份</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择月份</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>开始日期 ~ 结束日期</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>开始时间 ~ 结束时间</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: [] <br><br></div>"
|
|
361
361
|
```
|
|
362
362
|
|
|
363
363
|
#### `Datepicker range`
|
|
364
364
|
|
|
365
365
|
```
|
|
366
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
366
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始日期 ~ 结束日期\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br></div>"
|
|
367
367
|
```
|
|
368
368
|
|
|
369
369
|
#### `Datepicker shortcuts`
|
|
370
370
|
|
|
371
371
|
```
|
|
372
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
372
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
373
373
|
```
|
|
374
374
|
|
|
375
375
|
#### `Datepicker yearMonth`
|
|
376
376
|
|
|
377
377
|
```
|
|
378
|
-
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
378
|
+
"<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
379
379
|
```
|
|
380
380
|
|
|
381
381
|
## `descriptions`
|
|
@@ -573,7 +573,7 @@
|
|
|
573
573
|
#### `Dropdown trigger`
|
|
574
574
|
|
|
575
575
|
```
|
|
576
|
-
"<div><button class=\"k-btn k-primary css-1qq37zc\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-1qq37zc\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><div class=\"k-input css-
|
|
576
|
+
"<div><button class=\"k-btn k-primary css-1qq37zc\" tabindex=\"0\" type=\"button\"> hover <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><button class=\"k-btn k-primary css-1qq37zc\" tabindex=\"0\" type=\"button\"> click <i class=\"k-icon k-icon-down css-16qej3\"></i></button><!--portal--><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
577
577
|
```
|
|
578
578
|
|
|
579
579
|
## `editable`
|
|
@@ -627,37 +627,37 @@
|
|
|
627
627
|
#### `Form basic`
|
|
628
628
|
|
|
629
629
|
```
|
|
630
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
630
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-1kd39ob\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input k-type-textarea k-resize-vertical css-1x5beu2\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"2\"></textarea></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\" style=\"margin-left: 8px;\">重置</button></div></div></form>"
|
|
631
631
|
```
|
|
632
632
|
|
|
633
633
|
#### `Form custom`
|
|
634
634
|
|
|
635
635
|
```
|
|
636
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1trczha\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-
|
|
636
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-1trczha\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-1trczha\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
|
|
637
637
|
```
|
|
638
638
|
|
|
639
639
|
#### `Form label`
|
|
640
640
|
|
|
641
641
|
```
|
|
642
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
642
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"><i class=\"ion-person\"></i> 姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
|
|
643
643
|
```
|
|
644
644
|
|
|
645
645
|
#### `Form layout`
|
|
646
646
|
|
|
647
647
|
```
|
|
648
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
648
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"submit\">Submit</button></div></div></form>"
|
|
649
649
|
```
|
|
650
650
|
|
|
651
651
|
#### `Form remote`
|
|
652
652
|
|
|
653
653
|
```
|
|
654
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-
|
|
654
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></form>"
|
|
655
655
|
```
|
|
656
656
|
|
|
657
657
|
#### `Form variable`
|
|
658
658
|
|
|
659
659
|
```
|
|
660
|
-
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">姓名</label><div class=\"k-form-content\"><div class=\"k-row css-1d2b9xj\" style=\"margin-left: -8px; margin-right: -8px;\"><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-
|
|
660
|
+
"<form class=\"k-form k-horizontal css-1mv8rmx\" novalidate=\"true\"><div class=\"k-form-item css-1trczha\"><label class=\"k-form-label\">姓名</label><div class=\"k-form-content\"><div class=\"k-row css-1d2b9xj\" style=\"margin-left: -8px; margin-right: -8px;\"><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-1trczha\"><div class=\"k-form-content\"><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div></div></div></div></div></div></div></div></form>"
|
|
661
661
|
```
|
|
662
662
|
|
|
663
663
|
## `grid`
|
|
@@ -741,79 +741,79 @@
|
|
|
741
741
|
#### `Input autoRows`
|
|
742
742
|
|
|
743
743
|
```
|
|
744
|
-
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-none css-
|
|
744
|
+
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-none css-1x5beu2\"><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-1x5beu2\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"1\" style=\"height: 68px;\"></textarea></div></div></div>"
|
|
745
745
|
```
|
|
746
746
|
|
|
747
747
|
#### `Input autowidth`
|
|
748
748
|
|
|
749
749
|
```
|
|
750
|
-
"<div><div class=\"k-input k-auto-width css-
|
|
750
|
+
"<div><div class=\"k-input k-auto-width css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>auto width</pre></div></div></div><br><br><div class=\"k-input k-auto-width css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"auto width\" value=\"default value\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>default value</pre></div></div></div></div>"
|
|
751
751
|
```
|
|
752
752
|
|
|
753
753
|
#### `Input basic`
|
|
754
754
|
|
|
755
755
|
```
|
|
756
|
-
"<div><div class=\"k-input css-
|
|
756
|
+
"<div><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div></div> <br><div class=\"k-input k-disabled css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"disabled\" disabled=\"\"></div></div></div>"
|
|
757
757
|
```
|
|
758
758
|
|
|
759
759
|
#### `Input blocks`
|
|
760
760
|
|
|
761
761
|
```
|
|
762
|
-
"<div><div class=\"k-input k-group css-
|
|
762
|
+
"<div><div class=\"k-input k-group css-1x5beu2\"><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-1x5beu2\"><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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button></div></div><br><div class=\"k-input k-group css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">提交</button></div></div><br><div class=\"k-input k-group css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">提交</button><button class=\"k-btn k-primary css-h31bz\" tabindex=\"0\" type=\"button\">创建</button></div></div></div><br><div class=\"k-input k-group css-1x5beu2\"><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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search css-16qej3\"></i></button></div></div><br><div class=\"k-input k-group css-1x5beu2\"><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-h31bz\" tabindex=\"0\" type=\"button\">搜索</button></div></div><br><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div><br><div class=\"k-input k-group css-1x5beu2\"><div class=\"k-input-prepend k-input-padding\">http://</div><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-internet css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div><div class=\"k-input-append k-input-padding\">.com</div></div></div>"
|
|
763
763
|
```
|
|
764
764
|
|
|
765
765
|
#### `Input clearable`
|
|
766
766
|
|
|
767
767
|
```
|
|
768
|
-
"<div><div class=\"k-input k-clearable css-
|
|
768
|
+
"<div><div class=\"k-input k-clearable css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><br><div class=\"k-input k-disabled k-clearable css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" disabled=\"\" value=\"disabled\"></div></div><br><div class=\"k-input k-clearable css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div><br><div class=\"k-input k-clearable k-stack-clear css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> <i class=\"k-icon k-hoverable k-icon-search css-16qej3\"></i></div></div></div></div>"
|
|
769
769
|
```
|
|
770
770
|
|
|
771
771
|
#### `Input flat`
|
|
772
772
|
|
|
773
773
|
```
|
|
774
|
-
"<div><div class=\"k-input k-flat css-
|
|
774
|
+
"<div><div class=\"k-input k-flat css-1x5beu2\"><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-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter\" disabled=\"\" value=\"disabled\"></div></div></div>"
|
|
775
775
|
```
|
|
776
776
|
|
|
777
777
|
#### `Input frozen`
|
|
778
778
|
|
|
779
779
|
```
|
|
780
|
-
"<div><div class=\"k-input css-
|
|
780
|
+
"<div><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div><br><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"#ddd\"></div></div></div>"
|
|
781
781
|
```
|
|
782
782
|
|
|
783
783
|
#### `Input inline`
|
|
784
784
|
|
|
785
785
|
```
|
|
786
|
-
"<div class=\"k-input k-inline css-
|
|
786
|
+
"<div class=\"k-input k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"内联文字\"></div></div>"
|
|
787
787
|
```
|
|
788
788
|
|
|
789
789
|
#### `Input password`
|
|
790
790
|
|
|
791
791
|
```
|
|
792
|
-
"<div class=\"k-input css-
|
|
792
|
+
"<div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"password\" type=\"password\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-show-password k-icon-hidden css-16qej3\"></i> </div></div></div>"
|
|
793
793
|
```
|
|
794
794
|
|
|
795
795
|
#### `Input search`
|
|
796
796
|
|
|
797
797
|
```
|
|
798
|
-
"<div><form class=\"k-search k-hide k-default css-1pzlpaw\"><div class=\"k-input k-clearable css-
|
|
798
|
+
"<div><form class=\"k-search k-hide k-default css-1pzlpaw\"><div class=\"k-input k-clearable css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-16qej3\"></i></button></form><br><form class=\"k-search k-hide k-line css-1pzlpaw\"><div class=\"k-input k-clearable css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-search k-search-icon css-16qej3\"></i></button></form></div>"
|
|
799
799
|
```
|
|
800
800
|
|
|
801
801
|
#### `Input showCount`
|
|
802
802
|
|
|
803
803
|
```
|
|
804
|
-
"<div><div class=\"k-input css-
|
|
804
|
+
"<div><div class=\"k-input css-1x5beu2\"><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-1x5beu2\"><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-1x5beu2\"><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>"
|
|
805
805
|
```
|
|
806
806
|
|
|
807
807
|
#### `Input size`
|
|
808
808
|
|
|
809
809
|
```
|
|
810
|
-
"<div><div class=\"k-input k-large css-
|
|
810
|
+
"<div><div class=\"k-input k-large css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"large\"></div></div><br><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"default\"></div></div><br><div class=\"k-input k-small css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"small\"></div></div><br><div class=\"k-input k-small k-group css-1x5beu2\"><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-1x5beu2\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-earth\"></i></div><input class=\"k-input-inner\" placeholder=\"please enter\"></div><div class=\"k-input-append\"><button class=\"k-btn k-small k-primary k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon k-icon-search k-small css-16qej3\"></i></button></div></div><br><div class=\"k-input k-small k-group k-clearable css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"please enter\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div><div class=\"k-input-append\"><button class=\"k-btn k-small k-primary css-h31bz\" tabindex=\"0\" type=\"button\">Search</button></div></div><br><div class=\"k-input k-mini css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"mini\"></div></div><br><div class=\"k-input k-mini k-type-textarea k-resize-none css-1x5beu2\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"1\" style=\"height: 20px;\">textarea auto mini</textarea></div></div><br><div class=\"k-input k-small k-type-textarea k-resize-none css-1x5beu2\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"1\" style=\"height: 22px;\">textarea auto small</textarea></div></div><br><div class=\"k-input k-type-textarea k-resize-none css-1x5beu2\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"1\" style=\"height: 32px;\">textarea auto default</textarea></div></div><br><div class=\"k-input k-large k-type-textarea k-resize-none css-1x5beu2\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"1\" style=\"height: 37px;\">textarea auto large</textarea></div></div></div>"
|
|
811
811
|
```
|
|
812
812
|
|
|
813
813
|
#### `Input textarea`
|
|
814
814
|
|
|
815
815
|
```
|
|
816
|
-
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-
|
|
816
|
+
"<div><div class=\"k-input k-fluid k-type-textarea k-resize-vertical css-1x5beu2\"><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-1x5beu2\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" placeholder=\"please enter\" rows=\"5\"></textarea></div></div></div>"
|
|
817
817
|
```
|
|
818
818
|
|
|
819
819
|
## `layout`
|
|
@@ -821,31 +821,31 @@
|
|
|
821
821
|
#### `Layout aside`
|
|
822
822
|
|
|
823
823
|
```
|
|
824
|
-
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-
|
|
824
|
+
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-1rytxc7\" style=\"width: 200px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-dark k-vertical css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\"><div class=\"k-layout-header k-dark css-1b0q9ji\" style=\"height: 64px;\"><button class=\"k-btn k-large k-none k-ghost css-h31bz\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div></div></div></div>"
|
|
825
825
|
```
|
|
826
826
|
|
|
827
827
|
#### `Layout asideFix`
|
|
828
828
|
|
|
829
829
|
```
|
|
830
|
-
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-light css-
|
|
830
|
+
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-light css-1rytxc7\" style=\"width: 260px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\" style=\"padding-left: 260px;\"><div class=\"k-layout-header k-fixed k-white css-1b0q9ji\" style=\"height: 64px; left: 260px;\"><button class=\"k-btn k-large k-none css-h31bz\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\" style=\"margin-top: 64px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
|
|
831
831
|
```
|
|
832
832
|
|
|
833
833
|
#### `Layout basic`
|
|
834
834
|
|
|
835
835
|
```
|
|
836
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-1b0q9ji\" style=\"height: 54px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 54px;\"><div class=\"k-layout-aside k-fixed k-light css-
|
|
836
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-1b0q9ji\" style=\"height: 54px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 54px;\"><div class=\"k-layout-aside k-fixed k-light css-1rytxc7\" style=\"width: 200px; top: 54px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"content\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div></div></div></div></div>"
|
|
837
837
|
```
|
|
838
838
|
|
|
839
839
|
#### `Layout fix`
|
|
840
840
|
|
|
841
841
|
```
|
|
842
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-1b0q9ji\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 64px;\"><div class=\"k-layout-aside k-fixed k-light css-
|
|
842
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-1b0q9ji\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 64px;\"><div class=\"k-layout-aside k-fixed k-light css-1rytxc7\" style=\"width: 200px; top: 64px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
|
|
843
843
|
```
|
|
844
844
|
|
|
845
845
|
#### `Layout theme`
|
|
846
846
|
|
|
847
847
|
```
|
|
848
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-light header css-1b0q9ji\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-light css-
|
|
848
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-light header css-1b0q9ji\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-light css-1rytxc7\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-g3l0a0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1ve3qyh k-sub-menu css-g3l0a0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-12sq2r7\"><div class=\"k-menu-item-title css-14asjef\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\"><i class=\"k-icon k-icon-right css-16qej3\"></i></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div> 切换主题：<div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default k-active css-h31bz\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div></div>"
|
|
849
849
|
```
|
|
850
850
|
|
|
851
851
|
## `menu`
|
|
@@ -947,25 +947,25 @@
|
|
|
947
947
|
#### `Pagination disable`
|
|
948
948
|
|
|
949
949
|
```
|
|
950
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" 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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" 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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-
|
|
950
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" 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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div></div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-disabled css-h31bz\" 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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"10\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
951
951
|
```
|
|
952
952
|
|
|
953
953
|
#### `Pagination flat`
|
|
954
954
|
|
|
955
955
|
```
|
|
956
|
-
"<div><div class=\"k-pagination k-large k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-large k-flat css-
|
|
956
|
+
"<div><div class=\"k-pagination k-large k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-large k-flat css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon k-active css-h31bz\" 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-h31bz\" 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-h31bz\" 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-h31bz\" 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-h31bz\" 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-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-flat k-btn-icon css-h31bz\" 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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-flat css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-small k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-small k-flat css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div><div class=\"k-pagination k-mini k-flat css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-flat k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini k-flat css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input k-mini k-flat css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
957
957
|
```
|
|
958
958
|
|
|
959
959
|
#### `Pagination goto`
|
|
960
960
|
|
|
961
961
|
```
|
|
962
|
-
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" 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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-
|
|
962
|
+
"<div><div class=\"k-pagination css-aujuho\"><div class=\"k-pagination-total\">共 200 条</div><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-active css-h31bz\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon k-pagination-ellipsis css-h31bz\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-btn-icon css-h31bz\" 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-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">前往</span><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div></div></div>"
|
|
963
963
|
```
|
|
964
964
|
|
|
965
965
|
#### `Pagination simple`
|
|
966
966
|
|
|
967
967
|
```
|
|
968
|
-
"<div><div class=\"k-pagination k-large k-simple css-aujuho\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-
|
|
968
|
+
"<div><div class=\"k-pagination k-large k-simple css-aujuho\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-large k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>1</pre></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-large k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-simple css-aujuho\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>1</pre></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-small k-simple css-aujuho\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-small k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>1</pre></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-small k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-mini k-simple css-aujuho\"><div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-mini k-none k-btn-icon k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-icon-left css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>1</pre></div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-mini k-none k-btn-icon css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right css-16qej3\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div>"
|
|
969
969
|
```
|
|
970
970
|
|
|
971
971
|
#### `Pagination size`
|
|
@@ -1180,14 +1180,14 @@
|
|
|
1180
1180
|
#### `Select creatable`
|
|
1181
1181
|
|
|
1182
1182
|
```
|
|
1183
|
-
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1184
|
-
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1183
|
+
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> Day: <br><br><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\" style=\"margin-right: 10px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
|
|
1184
|
+
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请输入或选择\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请输入或选择</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> Days: []</div>"
|
|
1185
1185
|
```
|
|
1186
1186
|
|
|
1187
1187
|
#### `Select custom`
|
|
1188
1188
|
|
|
1189
1189
|
```
|
|
1190
|
-
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1190
|
+
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
|
|
1191
1191
|
```
|
|
1192
1192
|
|
|
1193
1193
|
#### `Select customMenu`
|
|
@@ -1199,7 +1199,7 @@
|
|
|
1199
1199
|
#### `Select disabled`
|
|
1200
1200
|
|
|
1201
1201
|
```
|
|
1202
|
-
"<div><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-disabled k-fluid k-inline css-
|
|
1202
|
+
"<div><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-disabled k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" disabled=\"\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-disabled css-1ti24q0\" tabindex=\"-1\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期一<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-disabled k-closable css-1weg519\">星期二<i class=\"k-icon k-tag-close ion-ios-close-empty css-16qej3\"></i></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-disabled k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
1203
1203
|
```
|
|
1204
1204
|
|
|
1205
1205
|
#### `Select draggable`
|
|
@@ -1212,7 +1212,7 @@
|
|
|
1212
1212
|
#### `Select filterable`
|
|
1213
1213
|
|
|
1214
1214
|
```
|
|
1215
|
-
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1215
|
+
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> <div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
1216
1216
|
```
|
|
1217
1217
|
|
|
1218
1218
|
#### `Select flat`
|
|
@@ -1230,13 +1230,13 @@
|
|
|
1230
1230
|
#### `Select group`
|
|
1231
1231
|
|
|
1232
1232
|
```
|
|
1233
|
-
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1233
|
+
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
1234
1234
|
```
|
|
1235
1235
|
|
|
1236
1236
|
#### `Select immutable`
|
|
1237
1237
|
|
|
1238
1238
|
```
|
|
1239
|
-
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Tuesday,Sunday,Wednesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none css-1weg519\">星期二</div><div class=\"k-tag k-none k-closable css-1weg519\">星期天<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1239
|
+
"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Tuesday,Sunday,Wednesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none css-1weg519\">星期二</div><div class=\"k-tag k-none k-closable css-1weg519\">星期天<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"><pre></pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close k-show css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--> You selected: [\"Tuesday\",\"Sunday\",\"Wednesday\"]</div>"
|
|
1240
1240
|
```
|
|
1241
1241
|
|
|
1242
1242
|
#### `Select inline`
|
|
@@ -1255,13 +1255,13 @@
|
|
|
1255
1255
|
|
|
1256
1256
|
```
|
|
1257
1257
|
"<div><div class=\"k-select k-nowrap css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Monday,Tuesday,Wednesday,Thursday\"><div class=\"k-select-values\"><div class=\"k-tags k-nowrap css-czb0gm\"><div class=\"k-tag k-none k-closable css-1weg519\">星期一<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期二<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期四<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-tags-more c-hidden k-tags-tooltip k-none css-1weg519\">
|
|
1258
|
-
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1258
|
+
+0</div><!--portal--><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"><pre></pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close k-show css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
|
|
1259
1259
|
```
|
|
1260
1260
|
|
|
1261
1261
|
#### `Select remote`
|
|
1262
1262
|
|
|
1263
1263
|
```
|
|
1264
|
-
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-
|
|
1264
|
+
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
|
|
1265
1265
|
```
|
|
1266
1266
|
|
|
1267
1267
|
#### `Select searchable`
|
|
@@ -1325,19 +1325,19 @@
|
|
|
1325
1325
|
#### `Slider basic`
|
|
1326
1326
|
|
|
1327
1327
|
```
|
|
1328
|
-
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1328
|
+
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">60<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0MB</span><span>100MB</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50.4444%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 50.4444%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Change Range Randomly</button></div>"
|
|
1329
1329
|
```
|
|
1330
1330
|
|
|
1331
1331
|
#### `Slider disabled`
|
|
1332
1332
|
|
|
1333
1333
|
```
|
|
1334
|
-
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-
|
|
1334
|
+
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider k-disabled css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 50%; left: 10%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 10%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"-1\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 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-o1x0o9 css-7sngro\" style=\"display: none;\">80<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-disabled k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1335
1335
|
```
|
|
1336
1336
|
|
|
1337
1337
|
#### `Slider dynamicStep`
|
|
1338
1338
|
|
|
1339
1339
|
```
|
|
1340
|
-
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1340
|
+
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 2%;\"></i><i class=\"k-slider-point\" style=\"left: 4%;\"></i><i class=\"k-slider-point\" style=\"left: 6%;\"></i><i class=\"k-slider-point\" style=\"left: 8%;\"></i><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 12%;\"></i><i class=\"k-slider-point\" style=\"left: 14%;\"></i><i class=\"k-slider-point\" style=\"left: 16%;\"></i><i class=\"k-slider-point\" style=\"left: 18%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point\" style=\"left: 30%;\"></i><i class=\"k-slider-point\" style=\"left: 40%;\"></i><i class=\"k-slider-point\" style=\"left: 50%;\"></i><i class=\"k-slider-point\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
|
|
1341
1341
|
```
|
|
1342
1342
|
|
|
1343
1343
|
#### `Slider marks`
|
|
@@ -1349,25 +1349,25 @@
|
|
|
1349
1349
|
#### `Slider points`
|
|
1350
1350
|
|
|
1351
1351
|
```
|
|
1352
|
-
"<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-o1x0o9 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-o1x0o9 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-o1x0o9 css-7sngro\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1352
|
+
"<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-o1x0o9 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-o1x0o9 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-o1x0o9 css-7sngro\" style=\"display: none;\">0.6<i class=\"k-tooltip-arrow\"></i></div></div><i class=\"k-slider-point\" style=\"left: 10%;\"></i><i class=\"k-slider-point\" style=\"left: 20%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 30%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 40%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 50%;\"></i><i class=\"k-slider-point k-active\" style=\"left: 60%;\"></i><i class=\"k-slider-point\" style=\"left: 70%;\"></i><i class=\"k-slider-point\" style=\"left: 80%;\"></i><i class=\"k-slider-point\" style=\"left: 90%;\"></i></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 45%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 45%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 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>"
|
|
1353
1353
|
```
|
|
1354
1354
|
|
|
1355
1355
|
#### `Slider range`
|
|
1356
1356
|
|
|
1357
1357
|
```
|
|
1358
|
-
"<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-o1x0o9 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-o1x0o9 css-7sngro\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1358
|
+
"<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-o1x0o9 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-o1x0o9 css-7sngro\" style=\"display: none;\">76<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><span class=\"k-slider-spinner-sep\">-</span><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div>"
|
|
1359
1359
|
```
|
|
1360
1360
|
|
|
1361
1361
|
#### `Slider step`
|
|
1362
1362
|
|
|
1363
1363
|
```
|
|
1364
|
-
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1364
|
+
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">50<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 23.4234%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 23.4234%;\"><div class=\"k-slider-thumb k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-o1x0o9 css-7sngro\" style=\"display: none;\">0.234234<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>1</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1365
1365
|
```
|
|
1366
1366
|
|
|
1367
1367
|
#### `Slider tooltip`
|
|
1368
1368
|
|
|
1369
1369
|
```
|
|
1370
|
-
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1370
|
+
"<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-o1x0o9 css-7sngro\" style=\"display: none;\">277<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: px;\">6<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 10.6015625px\"></i></div></div></div></div><div class=\"k-slider-marks\"><span style=\"left: 0%;\">1</span><span style=\"left: 9.09091%;\">2</span><span style=\"left: 18.1818%;\">3</span><span style=\"left: 27.2727%;\">4</span><span style=\"left: 36.3636%;\">5</span><span class=\"k-active\" style=\"left: 45.4545%;\">6月</span><span style=\"left: 54.5455%;\">7</span><span style=\"left: 63.6364%;\">8</span><span style=\"left: 72.7273%;\">9</span><span style=\"left: 81.8182%;\">1年</span><span style=\"left: 90.9091%;\">2年</span><span style=\"left: 100%;\">3年</span></div></div></div><div class=\"k-slider css-1a62bpu\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 55.5556%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 55.5556%;\"><div class=\"k-slider-thumb k-dropdown-open k-slider-tooltip\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-light k-small k-slider-tooltip css-o1x0o9 css-7sngro k-fade-enter-from k-fade-enter-active\" style=\"left: -5.80469px; top: -34.7969px;\">300<i class=\"k-tooltip-arrow k-bottom\" style=\"left: 9.8046875px\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>50</span><span>500</span></div></div><div class=\"k-slider-spinner\"><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div></div></div>"
|
|
1371
1371
|
```
|
|
1372
1372
|
|
|
1373
1373
|
## `spin`
|
|
@@ -1389,49 +1389,49 @@
|
|
|
1389
1389
|
#### `Spinner basic`
|
|
1390
1390
|
|
|
1391
1391
|
```
|
|
1392
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1392
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-disabled css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-disabled k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1393
1393
|
```
|
|
1394
1394
|
|
|
1395
1395
|
#### `Spinner dynamicStep`
|
|
1396
1396
|
|
|
1397
1397
|
```
|
|
1398
|
-
"<div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1398
|
+
"<div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div>"
|
|
1399
1399
|
```
|
|
1400
1400
|
|
|
1401
1401
|
#### `Spinner forceStep`
|
|
1402
1402
|
|
|
1403
1403
|
```
|
|
1404
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1404
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1405
1405
|
```
|
|
1406
1406
|
|
|
1407
1407
|
#### `Spinner formatter`
|
|
1408
1408
|
|
|
1409
1409
|
```
|
|
1410
|
-
"<div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1410
|
+
"<div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div>"
|
|
1411
1411
|
```
|
|
1412
1412
|
|
|
1413
1413
|
#### `Spinner precision`
|
|
1414
1414
|
|
|
1415
1415
|
```
|
|
1416
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1416
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1417
1417
|
```
|
|
1418
1418
|
|
|
1419
1419
|
#### `Spinner size`
|
|
1420
1420
|
|
|
1421
1421
|
```
|
|
1422
|
-
"<div><div class=\"k-spinner k-large css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-
|
|
1422
|
+
"<div><div class=\"k-spinner k-large css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-small css-mi4xql\"><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-small k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner k-mini css-mi4xql\"><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-mini k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1423
1423
|
```
|
|
1424
1424
|
|
|
1425
1425
|
#### `Spinner step`
|
|
1426
1426
|
|
|
1427
1427
|
```
|
|
1428
|
-
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-
|
|
1428
|
+
"<div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div><div class=\"k-spinner css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-minus css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-add css-16qej3\"></i></button></div></div>"
|
|
1429
1429
|
```
|
|
1430
1430
|
|
|
1431
1431
|
#### `Spinner vertical`
|
|
1432
1432
|
|
|
1433
1433
|
```
|
|
1434
|
-
"<div><div class=\"k-spinner k-large k-vertical css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-
|
|
1434
|
+
"<div><div class=\"k-spinner k-large k-vertical css-mi4xql\"><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-large k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-large k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-vertical css-mi4xql\"><button class=\"k-btn k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-spinner-input css-1x5beu2\"><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-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-small k-vertical css-mi4xql\"><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-small k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-small k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div><div class=\"k-spinner k-mini k-vertical css-mi4xql\"><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-left css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-down css-16qej3\"></i></button><div class=\"k-input k-mini k-spinner-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" value=\"0\"></div></div><button class=\"k-btn k-mini k-none k-btn-icon k-spinner-btn k-right css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-spinner-icon k-icon-up css-16qej3\"></i></button></div></div>"
|
|
1435
1435
|
```
|
|
1436
1436
|
|
|
1437
1437
|
## `split`
|
|
@@ -1887,31 +1887,31 @@
|
|
|
1887
1887
|
#### `Timepicker basic`
|
|
1888
1888
|
|
|
1889
1889
|
```
|
|
1890
|
-
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1890
|
+
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: <br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择时间</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
|
|
1891
1891
|
```
|
|
1892
1892
|
|
|
1893
1893
|
#### `Timepicker format`
|
|
1894
1894
|
|
|
1895
1895
|
```
|
|
1896
|
-
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1896
|
+
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select css-1ti24q0\" step=\"00:30:00\" showformat=\"HH:mm\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--><span>You selected: </span><br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--><span>You selected: null</span></div>"
|
|
1897
1897
|
```
|
|
1898
1898
|
|
|
1899
1899
|
#### `Timepicker range`
|
|
1900
1900
|
|
|
1901
1901
|
```
|
|
1902
|
-
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1902
|
+
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>开始时间 ~ 结束时间</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
|
|
1903
1903
|
```
|
|
1904
1904
|
|
|
1905
1905
|
#### `Timepicker step`
|
|
1906
1906
|
|
|
1907
1907
|
```
|
|
1908
|
-
"<div><div class=\"k-select time css-1ti24q0\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1908
|
+
"<div><div class=\"k-select time css-1ti24q0\" step=\"00:30:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: null <br><br><div class=\"k-select css-1ti24q0\" step=\"00:30:00\" min=\"09:00:00\" max=\"18:00:00\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-input k-auto-width k-inline k-select-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择时间\" style=\"width: px;\"><div class=\"k-input-fake\"><pre>请选择时间</pre></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: []</div>"
|
|
1909
1909
|
```
|
|
1910
1910
|
|
|
1911
1911
|
#### `Timepicker stepRange`
|
|
1912
1912
|
|
|
1913
1913
|
```
|
|
1914
|
-
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
1914
|
+
"<div><div class=\"k-select k-timepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"开始时间 ~ 结束时间\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-time css-16qej3\"></i></span></span></div><!--portal--> You selected: null</div>"
|
|
1915
1915
|
```
|
|
1916
1916
|
|
|
1917
1917
|
## `tip`
|
|
@@ -1975,7 +1975,7 @@
|
|
|
1975
1975
|
#### `Tooltip trigger`
|
|
1976
1976
|
|
|
1977
1977
|
```
|
|
1978
|
-
"<div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-
|
|
1978
|
+
"<div class=\"k-btns css-z9s2vw\"><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">hover</button><!--portal--><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">click</button><!--portal--><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">hoverable</button><!--portal--><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"focus\"></div></div><!--portal--></div>"
|
|
1979
1979
|
```
|
|
1980
1980
|
|
|
1981
1981
|
#### `Tooltip confirm`
|
|
@@ -1998,8 +1998,8 @@
|
|
|
1998
1998
|
|
|
1999
1999
|
```
|
|
2000
2000
|
"<div><div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
2001
|
-
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-group k-clearable css-
|
|
2002
|
-
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-
|
|
2001
|
+
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-group k-clearable css-1x5beu2\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1ti24q0\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"all\"><div class=\"k-select-value c-ellipsis\">全部策略</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
2002
|
+
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-1x5beu2\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div><p>You selected: []</p></div>"
|
|
2003
2003
|
```
|
|
2004
2004
|
|
|
2005
2005
|
#### `Transfer customList`
|
|
@@ -2020,8 +2020,8 @@
|
|
|
2020
2020
|
|
|
2021
2021
|
```
|
|
2022
2022
|
"<div class=\"k-transfer css-f6thnr\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
2023
|
-
5</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-clearable css-
|
|
2024
|
-
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-
|
|
2023
|
+
5</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-clearable css-1x5beu2\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名0\"></span><span class=\"k-checkbox-text\"><div><div>主机名0</div><p>前端服务器0 | 192.168.1.0</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名1\"></span><span class=\"k-checkbox-text\"><div><div>主机名1</div><p>前端服务器1 | 192.168.1.1</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名2\"></span><span class=\"k-checkbox-text\"><div><div>主机名2</div><p>前端服务器2 | 192.168.1.2</p></div></span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"主机名3\"></span><span class=\"k-checkbox-text\"><div><div>主机名3</div><p>前端服务器3 | 192.168.1.3</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名4\"></span><span class=\"k-checkbox-text\"><div><div>主机名4</div><p>前端服务器4 | 192.168.1.4</p></div></span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-left css-16qej3\"></i></button><button class=\"k-btn k-secondary k-btn-icon k-circle k-disabled css-h31bz\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon k-transfer-icon k-icon-right css-16qej3\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
|
|
2024
|
+
0</div><label class=\"k-checkbox c-ellipsis css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-clearable css-1x5beu2\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"k-icon k-icon-search k-small css-16qej3\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear k-icon-error-fill css-16qej3\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div>"
|
|
2025
2025
|
```
|
|
2026
2026
|
|
|
2027
2027
|
#### `Transfer leftChecked`
|
|
@@ -2079,7 +2079,7 @@
|
|
|
2079
2079
|
#### `Tree filterable`
|
|
2080
2080
|
|
|
2081
2081
|
```
|
|
2082
|
-
"<div><div class=\"k-input css-
|
|
2082
|
+
"<div><div class=\"k-input css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"Please enter keywords to filter node.\"></div></div><div class=\"k-tree k-line k-selectable css-3c9wnf\"><div class=\"k-tree-node\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-1</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">First floor-2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.1</div></div><div class=\"k-tree\"><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.1</div></div></div><div class=\"k-tree-node\"><div class=\"k-tree-label k-tree-leaf\"><div class=\"k-tree-text c-ellipsis\">Third floor-2.1.2</div></div></div></div></div><div class=\"k-tree-node k-disabled\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-16qej3\"></i><div class=\"k-tree-text c-ellipsis\">Second floor-2.2</div></div></div></div></div></div></div>"
|
|
2083
2083
|
```
|
|
2084
2084
|
|
|
2085
2085
|
#### `Tree loading`
|
|
@@ -2117,7 +2117,7 @@
|
|
|
2117
2117
|
#### `TreeSelect filter`
|
|
2118
2118
|
|
|
2119
2119
|
```
|
|
2120
|
-
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-
|
|
2120
|
+
"<div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1x5beu2\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
|
|
2121
2121
|
```
|
|
2122
2122
|
|
|
2123
2123
|
#### `TreeSelect load`
|
|
@@ -2190,6 +2190,12 @@
|
|
|
2190
2190
|
"<div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">删除前5项</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">删除后5项</button><div class=\"k-virtual k-virtual-container css-1mtyfo1\" style=\"height: 450px;\"><div class=\"k-virtual-phantom css-aekvjh\" style=\"height: 0px;\"></div><div class=\"k-virtual-wrapper\" style=\"transform: translateY(0px);\"></div></div></div>"
|
|
2191
2191
|
```
|
|
2192
2192
|
|
|
2193
|
+
#### `VirtualList scrollTo`
|
|
2194
|
+
|
|
2195
|
+
```
|
|
2196
|
+
"<div><div><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">滚动到中间</button><button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">滚动到底部(smooth)</button></div><div style=\"height: 300px;\"><div class=\"k-virtual k-virtual-container css-1mtyfo1\"><div class=\"k-virtual-phantom css-aekvjh\" style=\"height: 0px;\"></div><div class=\"k-virtual-wrapper\" style=\"transform: translateY(0px);\"></div></div></div></div>"
|
|
2197
|
+
```
|
|
2198
|
+
|
|
2193
2199
|
## `wave`
|
|
2194
2200
|
|
|
2195
2201
|
#### `Wave button`
|