@king-design/vue 2.0.14 → 2.0.15
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 +27 -15
- package/components/colorpicker/index.d.ts +1 -0
- package/components/colorpicker/index.js +2 -1
- package/components/colorpicker/index.vdt.js +5 -1
- package/components/dialog/alert.vdt.js +6 -4
- package/components/dialog/index.spec.js +61 -1
- package/components/dialog/staticMethods.d.ts +4 -2
- package/components/dialog/staticMethods.js +16 -0
- package/components/dialog/useFixBody.js +3 -1
- package/components/pagination/index.d.ts +2 -0
- package/components/pagination/index.js +12 -1
- package/components/pagination/index.spec.js +28 -0
- package/components/pagination/index.vdt.js +18 -3
- package/components/pagination/styles.js +1 -1
- package/components/portal.js +23 -11
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +2 -2
|
@@ -509,37 +509,37 @@
|
|
|
509
509
|
#### `Form basic`
|
|
510
510
|
|
|
511
511
|
```
|
|
512
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-
|
|
512
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Checkbox</label><div class=\"k-form-content\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-checkbox-text\">Javascript</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-checkbox-text\">PHP</span></label><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-checkbox-text\">C++</span></label></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Radio</label><div class=\"k-form-content\"><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"Javascript\"></span><span class=\"k-radio-text\">Javascript</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"PHP\"></span><span class=\"k-radio-text\">PHP</span></label><label class=\"k-radio css-9px8r3\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"C++\"></span><span class=\"k-radio-text\">C++</span></label></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Radio ButtonGroup</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">Javascript<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">PHP<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">C++<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Switch</label><div class=\"k-form-content\"><div class=\"k-switch k-default css-1r7l1sz\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Slider</label><div class=\"k-form-content\"><div class=\"k-slider css-1g0hxdl\"><div class=\"k-slider-main\"><div class=\"k-slider-track-wrapper\"><div class=\"k-slider-track\"><div class=\"k-slider-bar\" style=\"width: 0%;\"></div><div class=\"k-slider-thumb-wrapper\" style=\"left: 0%;\"><div class=\"k-slider-thumb\" tabindex=\"0\"></div><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-dark k-slider-tooltip css-z651tk css-1iaopr2\" style=\"display: none;\">0<i class=\"k-tooltip-arrow\"></i></div></div></div></div><div class=\"k-slider-ends\"><span>0</span><span>100</span></div></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Datepicker</label><div class=\"k-form-content\"><div class=\"k-select k-datepicker css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择日期\" type=\"text\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Textarea</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><textarea class=\"k-input-inner k-textarea\" rows=\"2\"></textarea></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: 200px;\">Password</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\">Confirm Password</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"password\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\" style=\"width: px;\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"submit\">提交</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\" style=\"margin-left: 20px;\">重置</button></div></div></form>"
|
|
513
513
|
```
|
|
514
514
|
|
|
515
515
|
#### `Form custom`
|
|
516
516
|
|
|
517
517
|
```
|
|
518
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-
|
|
518
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">描述</label><div class=\"k-form-content\"><div class=\"k-form-item css-19k8qnx\" model=\"descriptions[0]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">删除</button></div></div><div class=\"k-form-item css-19k8qnx\" model=\"descriptions[1]\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div><div class=\"k-form-append\"><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">删除</button></div></div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">添加</button></div></div></form>"
|
|
519
519
|
```
|
|
520
520
|
|
|
521
521
|
#### `Form label`
|
|
522
522
|
|
|
523
523
|
```
|
|
524
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-
|
|
524
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\"><span class=\"k-form-star\">*</span>姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\"><i class=\"ion-person\"></i> 姓名</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div></form>"
|
|
525
525
|
```
|
|
526
526
|
|
|
527
527
|
#### `Form layout`
|
|
528
528
|
|
|
529
529
|
```
|
|
530
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-
|
|
530
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Layout</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">horizontal<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">vertical<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">inline<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Size</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">mini<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Input</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">Select</label><div class=\"k-form-content\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div></div><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><button class=\"k-btn k-primary css-12uxt25\" tabindex=\"0\" type=\"submit\">Submit</button></div></div></form>"
|
|
531
531
|
```
|
|
532
532
|
|
|
533
533
|
#### `Form remote`
|
|
534
534
|
|
|
535
535
|
```
|
|
536
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-
|
|
536
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">用户名</label><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div></form>"
|
|
537
537
|
```
|
|
538
538
|
|
|
539
539
|
#### `Form variable`
|
|
540
540
|
|
|
541
541
|
```
|
|
542
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-
|
|
542
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><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-19k8qnx\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div></div></div><div class=\"k-col k-12 css-1xiwk0e\" style=\"padding-left: 8px; padding-right: 8px;\"><div class=\"k-col-wrapper\"><div class=\"k-form-item css-19k8qnx\"><div class=\"k-form-content\"><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\"></div></div></div></div></div></div></div></div></div></form>"
|
|
543
543
|
```
|
|
544
544
|
|
|
545
545
|
## `grid`
|
|
@@ -606,6 +606,12 @@
|
|
|
606
606
|
"<div><i class=\"k-icon ion-happy-outline k-large css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large k-primary css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large k-warning css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large k-danger css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large k-success css-x0ey6t\"></i><i class=\"k-icon ion-happy-outline k-large css-r6i8qr\" style=\"color: red;\"></i><i class=\"k-icon ion-happy-outline k-large css-1mdjlst\" style=\"color: rgb(0, 0, 234);\"></i><i class=\"k-icon ion-happy-outline k-large css-13b1fmo\" style=\"color: rgb(183, 18, 193);\"></i><br><br><i class=\"k-icon k-hoverable ion-happy-outline k-large css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-primary css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-warning css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-danger css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large k-success css-x0ey6t\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-r6i8qr\" style=\"color: red;\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-1mdjlst\" style=\"color: rgb(0, 0, 234);\"></i><i class=\"k-icon k-hoverable ion-happy-outline k-large css-13b1fmo\" style=\"color: rgb(183, 18, 193);\"></i></div>"
|
|
607
607
|
```
|
|
608
608
|
|
|
609
|
+
#### `Icon icons`
|
|
610
|
+
|
|
611
|
+
```
|
|
612
|
+
"<div class=\"icons\"><div class=\"icon\"><i class=\"k-icon k-icon-alert k-large css-x0ey6t\"></i><div>k-icon-alert</div></div><div class=\"icon\"><i class=\"k-icon k-icon-alarm k-large css-x0ey6t\"></i><div>k-icon-alarm</div></div><div class=\"icon\"><i class=\"k-icon k-icon-calendar k-large css-x0ey6t\"></i><div>k-icon-calendar</div></div><div class=\"icon\"><i class=\"k-icon k-icon-application k-large css-x0ey6t\"></i><div>k-icon-application</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-right k-large css-x0ey6t\"></i><div>k-icon-arrow-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-up k-large css-x0ey6t\"></i><div>k-icon-arrow-up</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-left k-large css-x0ey6t\"></i><div>k-icon-arrow-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-down k-large css-x0ey6t\"></i><div>k-icon-arrow-down</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-expand k-large css-x0ey6t\"></i><div>k-icon-arrow-expand</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-left-circled k-large css-x0ey6t\"></i><div>k-icon-arrow-left-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-right-circled k-large css-x0ey6t\"></i><div>k-icon-arrow-right-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-close k-large css-x0ey6t\"></i><div>k-icon-close</div></div><div class=\"icon\"><i class=\"k-icon k-icon-bill k-large css-x0ey6t\"></i><div>k-icon-bill</div></div><div class=\"icon\"><i class=\"k-icon k-icon-change k-large css-x0ey6t\"></i><div>k-icon-change</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-download k-large css-x0ey6t\"></i><div>k-icon-cloud-download</div></div><div class=\"icon\"><i class=\"k-icon k-icon-content-squared k-large css-x0ey6t\"></i><div>k-icon-content-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud k-large css-x0ey6t\"></i><div>k-icon-cloud</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-move k-large css-x0ey6t\"></i><div>k-icon-arrow-move</div></div><div class=\"icon\"><i class=\"k-icon k-icon-code-download k-large css-x0ey6t\"></i><div>k-icon-code-download</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-server k-large css-x0ey6t\"></i><div>k-icon-cloud-server</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-shrink k-large css-x0ey6t\"></i><div>k-icon-arrow-shrink</div></div><div class=\"icon\"><i class=\"k-icon k-icon-clone k-large css-x0ey6t\"></i><div>k-icon-clone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-servers k-large css-x0ey6t\"></i><div>k-icon-cloud-servers</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cart k-large css-x0ey6t\"></i><div>k-icon-cart</div></div><div class=\"icon\"><i class=\"k-icon k-icon-delete k-large css-x0ey6t\"></i><div>k-icon-delete</div></div><div class=\"icon\"><i class=\"k-icon k-icon-fault-outline k-large css-x0ey6t\"></i><div>k-icon-fault-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-calculate k-large css-x0ey6t\"></i><div>k-icon-calculate</div></div><div class=\"icon\"><i class=\"k-icon k-icon-arrow-swap k-large css-x0ey6t\"></i><div>k-icon-arrow-swap</div></div><div class=\"icon\"><i class=\"k-icon k-icon-download k-large css-x0ey6t\"></i><div>k-icon-download</div></div><div class=\"icon\"><i class=\"k-icon k-icon-information k-large css-x0ey6t\"></i><div>k-icon-information</div></div><div class=\"icon\"><i class=\"k-icon k-icon-internet k-large css-x0ey6t\"></i><div>k-icon-internet</div></div><div class=\"icon\"><i class=\"k-icon k-icon-edit k-large css-x0ey6t\"></i><div>k-icon-edit</div></div><div class=\"icon\"><i class=\"k-icon k-icon-search k-large css-x0ey6t\"></i><div>k-icon-search</div></div><div class=\"icon\"><i class=\"k-icon k-icon-code-working k-large css-x0ey6t\"></i><div>k-icon-code-working</div></div><div class=\"icon\"><i class=\"k-icon k-icon-heart k-large css-x0ey6t\"></i><div>k-icon-heart</div></div><div class=\"icon\"><i class=\"k-icon k-icon-content k-large css-x0ey6t\"></i><div>k-icon-content</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cut k-large css-x0ey6t\"></i><div>k-icon-cut</div></div><div class=\"icon\"><i class=\"k-icon k-icon-money-square k-large css-x0ey6t\"></i><div>k-icon-money-square</div></div><div class=\"icon\"><i class=\"k-icon k-icon-logout k-large css-x0ey6t\"></i><div>k-icon-logout</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cloud-upload k-large css-x0ey6t\"></i><div>k-icon-cloud-upload</div></div><div class=\"icon\"><i class=\"k-icon k-icon-lock k-large css-x0ey6t\"></i><div>k-icon-lock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-corporate k-large css-x0ey6t\"></i><div>k-icon-corporate</div></div><div class=\"icon\"><i class=\"k-icon k-icon-truth-none k-large css-x0ey6t\"></i><div>k-icon-truth-none</div></div><div class=\"icon\"><i class=\"k-icon k-icon-resize k-large css-x0ey6t\"></i><div>k-icon-resize</div></div><div class=\"icon\"><i class=\"k-icon k-icon-protect k-large css-x0ey6t\"></i><div>k-icon-protect</div></div><div class=\"icon\"><i class=\"k-icon k-icon-time k-large css-x0ey6t\"></i><div>k-icon-time</div></div><div class=\"icon\"><i class=\"k-icon k-icon-date k-large css-x0ey6t\"></i><div>k-icon-date</div></div><div class=\"icon\"><i class=\"k-icon k-icon-document-change k-large css-x0ey6t\"></i><div>k-icon-document-change</div></div><div class=\"icon\"><i class=\"k-icon k-icon-scanner k-large css-x0ey6t\"></i><div>k-icon-scanner</div></div><div class=\"icon\"><i class=\"k-icon k-icon-notification k-large css-x0ey6t\"></i><div>k-icon-notification</div></div><div class=\"icon\"><i class=\"k-icon k-icon-notification-outline k-large css-x0ey6t\"></i><div>k-icon-notification-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-silent k-large css-x0ey6t\"></i><div>k-icon-silent</div></div><div class=\"icon\"><i class=\"k-icon k-icon-heart-outline k-large css-x0ey6t\"></i><div>k-icon-heart-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-share k-large css-x0ey6t\"></i><div>k-icon-share</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pay k-large css-x0ey6t\"></i><div>k-icon-pay</div></div><div class=\"icon\"><i class=\"k-icon k-icon-picture k-large css-x0ey6t\"></i><div>k-icon-picture</div></div><div class=\"icon\"><i class=\"k-icon k-icon-desktop k-large css-x0ey6t\"></i><div>k-icon-desktop</div></div><div class=\"icon\"><i class=\"k-icon k-icon-earphone k-large css-x0ey6t\"></i><div>k-icon-earphone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-cube k-large css-x0ey6t\"></i><div>k-icon-cube</div></div><div class=\"icon\"><i class=\"k-icon k-icon-user-verify k-large css-x0ey6t\"></i><div>k-icon-user-verify</div></div><div class=\"icon\"><i class=\"k-icon k-icon-fault k-large css-x0ey6t\"></i><div>k-icon-fault</div></div><div class=\"icon\"><i class=\"k-icon k-icon-location k-large css-x0ey6t\"></i><div>k-icon-location</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down-squared k-large css-x0ey6t\"></i><div>k-icon-down-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pay-dollar k-large css-x0ey6t\"></i><div>k-icon-pay-dollar</div></div><div class=\"icon\"><i class=\"k-icon k-icon-paperclip k-large css-x0ey6t\"></i><div>k-icon-paperclip</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings k-large css-x0ey6t\"></i><div>k-icon-settings</div></div><div class=\"icon\"><i class=\"k-icon k-icon-home k-large css-x0ey6t\"></i><div>k-icon-home</div></div><div class=\"icon\"><i class=\"k-icon k-icon-more k-large css-x0ey6t\"></i><div>k-icon-more</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phonecall k-large css-x0ey6t\"></i><div>k-icon-phonecall</div></div><div class=\"icon\"><i class=\"k-icon k-icon-tag k-large css-x0ey6t\"></i><div>k-icon-tag</div></div><div class=\"icon\"><i class=\"k-icon k-icon-truth-circled k-large css-x0ey6t\"></i><div>k-icon-truth-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-refresh k-large css-x0ey6t\"></i><div>k-icon-refresh</div></div><div class=\"icon\"><i class=\"k-icon k-icon-watch k-large css-x0ey6t\"></i><div>k-icon-watch</div></div><div class=\"icon\"><i class=\"k-icon k-icon-images k-large css-x0ey6t\"></i><div>k-icon-images</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sort k-large css-x0ey6t\"></i><div>k-icon-sort</div></div><div class=\"icon\"><i class=\"k-icon k-icon-money-circled k-large css-x0ey6t\"></i><div>k-icon-money-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-trade k-large css-x0ey6t\"></i><div>k-icon-trade</div></div><div class=\"icon\"><i class=\"k-icon k-icon-star-outline k-large css-x0ey6t\"></i><div>k-icon-star-outline</div></div><div class=\"icon\"><i class=\"k-icon k-icon-minus-circled k-large css-x0ey6t\"></i><div>k-icon-minus-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-right k-large css-x0ey6t\"></i><div>k-icon-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-left k-large css-x0ey6t\"></i><div>k-icon-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up k-large css-x0ey6t\"></i><div>k-icon-up</div></div><div class=\"icon\"><i class=\"k-icon k-icon-down k-large css-x0ey6t\"></i><div>k-icon-down</div></div><div class=\"icon\"><i class=\"k-icon k-icon-upward k-large css-x0ey6t\"></i><div>k-icon-upward</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up-circled k-large css-x0ey6t\"></i><div>k-icon-up-circled</div></div><div class=\"icon\"><i class=\"k-icon k-icon-pin k-large css-x0ey6t\"></i><div>k-icon-pin</div></div><div class=\"icon\"><i class=\"k-icon k-icon-hide k-large css-x0ey6t\"></i><div>k-icon-hide</div></div><div class=\"icon\"><i class=\"k-icon k-icon-users k-large css-x0ey6t\"></i><div>k-icon-users</div></div><div class=\"icon\"><i class=\"k-icon k-icon-user k-large css-x0ey6t\"></i><div>k-icon-user</div></div><div class=\"icon\"><i class=\"k-icon k-icon-return-right k-large css-x0ey6t\"></i><div>k-icon-return-right</div></div><div class=\"icon\"><i class=\"k-icon k-icon-message k-large css-x0ey6t\"></i><div>k-icon-message</div></div><div class=\"icon\"><i class=\"k-icon k-icon-paper k-large css-x0ey6t\"></i><div>k-icon-paper</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phonecall-prohibit k-large css-x0ey6t\"></i><div>k-icon-phonecall-prohibit</div></div><div class=\"icon\"><i class=\"k-icon k-icon-speedometer k-large css-x0ey6t\"></i><div>k-icon-speedometer</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings-horizontal k-large css-x0ey6t\"></i><div>k-icon-settings-horizontal</div></div><div class=\"icon\"><i class=\"k-icon k-icon-phone k-large css-x0ey6t\"></i><div>k-icon-phone</div></div><div class=\"icon\"><i class=\"k-icon k-icon-star k-large css-x0ey6t\"></i><div>k-icon-star</div></div><div class=\"icon\"><i class=\"k-icon k-icon-play k-large css-x0ey6t\"></i><div>k-icon-play</div></div><div class=\"icon\"><i class=\"k-icon k-icon-refresh-lock k-large css-x0ey6t\"></i><div>k-icon-refresh-lock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-shield k-large css-x0ey6t\"></i><div>k-icon-shield</div></div><div class=\"icon\"><i class=\"k-icon k-icon-panel k-large css-x0ey6t\"></i><div>k-icon-panel</div></div><div class=\"icon\"><i class=\"k-icon k-icon-structure k-large css-x0ey6t\"></i><div>k-icon-structure</div></div><div class=\"icon\"><i class=\"k-icon k-icon-settings-vertical k-large css-x0ey6t\"></i><div>k-icon-settings-vertical</div></div><div class=\"icon\"><i class=\"k-icon k-icon-printer k-large css-x0ey6t\"></i><div>k-icon-printer</div></div><div class=\"icon\"><i class=\"k-icon k-icon-stop k-large css-x0ey6t\"></i><div>k-icon-stop</div></div><div class=\"icon\"><i class=\"k-icon k-icon-return-left k-large css-x0ey6t\"></i><div>k-icon-return-left</div></div><div class=\"icon\"><i class=\"k-icon k-icon-question k-large css-x0ey6t\"></i><div>k-icon-question</div></div><div class=\"icon\"><i class=\"k-icon k-icon-unlock k-large css-x0ey6t\"></i><div>k-icon-unlock</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sound-off k-large css-x0ey6t\"></i><div>k-icon-sound-off</div></div><div class=\"icon\"><i class=\"k-icon k-icon-up-squared k-large css-x0ey6t\"></i><div>k-icon-up-squared</div></div><div class=\"icon\"><i class=\"k-icon k-icon-sound-on k-large css-x0ey6t\"></i><div>k-icon-sound-on</div></div><div class=\"icon\"><i class=\"k-icon k-icon-upload k-large css-x0ey6t\"></i><div>k-icon-upload</div></div><div class=\"icon\"><i class=\"k-icon k-icon-tool k-large css-x0ey6t\"></i><div>k-icon-tool</div></div><div class=\"icon\"><i class=\"k-icon k-icon-visible k-large css-x0ey6t\"></i><div>k-icon-visible</div></div><div class=\"icon\"><i class=\"k-icon k-icon-truth k-large css-x0ey6t\"></i><div>k-icon-truth</div></div></div>"
|
|
613
|
+
```
|
|
614
|
+
|
|
609
615
|
## `input`
|
|
610
616
|
|
|
611
617
|
#### `Input autowidth`
|
|
@@ -763,43 +769,49 @@
|
|
|
763
769
|
#### `Pagination basic`
|
|
764
770
|
|
|
765
771
|
```
|
|
766
|
-
"<div><div class=\"k-pagination css-
|
|
772
|
+
"<div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
767
773
|
```
|
|
768
774
|
|
|
769
775
|
#### `Pagination counts`
|
|
770
776
|
|
|
771
777
|
```
|
|
772
|
-
"<div><div class=\"k-pagination css-
|
|
778
|
+
"<div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">8<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">6<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">7<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
773
779
|
```
|
|
774
780
|
|
|
775
781
|
#### `Pagination current`
|
|
776
782
|
|
|
777
783
|
```
|
|
778
|
-
"<div><div class=\"k-pagination css-
|
|
784
|
+
"<div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><br><br><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"20\"><div class=\"k-select-value c-ellipsis\">20 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
785
|
+
```
|
|
786
|
+
|
|
787
|
+
#### `Pagination disable`
|
|
788
|
+
|
|
789
|
+
```
|
|
790
|
+
"<div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">9<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">10<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">11<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"10\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
779
791
|
```
|
|
780
792
|
|
|
781
793
|
#### `Pagination goto`
|
|
782
794
|
|
|
783
795
|
```
|
|
784
|
-
"<div><div class=\"k-pagination css-
|
|
796
|
+
"<div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-goto\"><span class=\"c-middle\">跳至</span><div class=\"k-input css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\"></div></div><span class=\"c-middle\">页</span></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
785
797
|
```
|
|
786
798
|
|
|
787
799
|
#### `Pagination noBoard`
|
|
788
800
|
|
|
789
801
|
```
|
|
790
|
-
"<div><div class=\"k-pagination k-large k-no-border css-
|
|
802
|
+
"<div><div class=\"k-pagination k-large k-no-border css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-no-border css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-small k-no-border css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-mini k-no-border css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
791
803
|
```
|
|
792
804
|
|
|
793
805
|
#### `Pagination simple`
|
|
794
806
|
|
|
795
807
|
```
|
|
796
|
-
"<div><div class=\"k-pagination k-large k-simple css-
|
|
808
|
+
"<div><div class=\"k-pagination k-large k-simple css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-simple css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-small k-auto-width css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-small k-simple css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div><div class=\"k-pagination k-mini k-simple css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-none k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><div class=\"k-input k-mini k-auto-width css-1cug0ah\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" type=\"text\" value=\"1\" style=\"width: px;\"><div class=\"k-input-fake\">1</div></div></div><span class=\"k-pagination-text\"> / 20</span><button class=\"k-btn k-none k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div>"
|
|
797
809
|
```
|
|
798
810
|
|
|
799
811
|
#### `Pagination size`
|
|
800
812
|
|
|
801
813
|
```
|
|
802
|
-
"<div><div class=\"k-pagination k-large css-
|
|
814
|
+
"<div><div class=\"k-pagination k-large css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-large k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-large k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-large css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-small css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-small k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-small k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-small css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div><div class=\"k-pagination k-mini css-1gk7kr9\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-mini k-btn-icon k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-icon ion-ios-arrow-left css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-active css-12uxt25\" tabindex=\"0\" type=\"button\">1<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">2<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">3<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">4<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">5<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon k-pagination-ellipsis css-12uxt25\" tabindex=\"0\" type=\"button\">...<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\">20<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-mini k-btn-icon css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-icon ion-ios-arrow-right css-x0ey6t\"></i><input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-pagination-limits\"><div class=\"k-select k-mini css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"10\"><div class=\"k-select-value c-ellipsis\">10 条 / 页</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-pagination-total\">共 200 条</div></div></div>"
|
|
803
815
|
```
|
|
804
816
|
|
|
805
817
|
## `progress`
|
|
@@ -952,7 +964,7 @@
|
|
|
952
964
|
#### `Select basic`
|
|
953
965
|
|
|
954
966
|
```
|
|
955
|
-
"<div><div style=\"margin-bottom: 16px;\"><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> You selected: </div><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-rotate ion-load-c css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
967
|
+
"<div><div style=\"margin-bottom: 16px;\"><div class=\"k-select css-1k3uw7s k-dropdown-open\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--> You selected: </div><div class=\"k-select css-1k3uw7s\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-rotate ion-load-c css-x0ey6t\"></i></span></span></div><!--portal--></div>"
|
|
956
968
|
```
|
|
957
969
|
|
|
958
970
|
#### `Select clearable`
|
|
@@ -1622,7 +1634,7 @@
|
|
|
1622
1634
|
#### `Tooltip position`
|
|
1623
1635
|
|
|
1624
1636
|
```
|
|
1625
|
-
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-
|
|
1637
|
+
"<form class=\"k-form k-horizontal css-11cgyra\" novalidate=\"true\"><div class=\"k-form-item css-19k8qnx\"><label class=\"k-form-label\">position:</label><div class=\"k-form-content\"><div class=\"k-btns css-16i9d0z\"><button class=\"k-btn k-active css-12uxt25\" tabindex=\"0\" type=\"button\">left<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">right<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">top<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">bottom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">custom<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div><div class=\"k-form-item k-fluid css-19k8qnx\"><label class=\"k-form-label\"></label><div class=\"k-form-content\"><div class=\"opera\"><button class=\"k-btn k-dropdown-open css-12uxt25\" tabindex=\"0\" type=\"button\">at</button><!--portal--><div class=\"k-dropdown-menu k-tooltip-content k-hoverable k-always k-dark css-z651tk css-1iaopr2 k-fade-enter-from k-fade-enter-active\" style=\"left: -58.5312px; top: -0.398438px;\">\"left\"<i class=\"k-tooltip-arrow k-right\" style=\"top: 10.3984375px\"></i></div></div></div></div></form>"
|
|
1626
1638
|
```
|
|
1627
1639
|
|
|
1628
1640
|
#### `Tooltip trigger`
|
|
@@ -15,7 +15,9 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
15
15
|
hideIcon = _this$get.hideIcon,
|
|
16
16
|
hideFooter = _this$get.hideFooter,
|
|
17
17
|
hideClose = _this$get.hideClose,
|
|
18
|
-
title = _this$get.title
|
|
18
|
+
title = _this$get.title,
|
|
19
|
+
iconClassName = _this$get.iconClassName,
|
|
20
|
+
icon = _this$get.icon;
|
|
19
21
|
|
|
20
22
|
var classNameObj = (_classNameObj = {
|
|
21
23
|
'k-alert-dialog': true
|
|
@@ -37,14 +39,14 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
37
39
|
|
|
38
40
|
return block ? block.call($this, callBlock, data) : callBlock();
|
|
39
41
|
}), (_$blocks['body'] = function ($super) {
|
|
40
|
-
return [_$ce(2, 'div', !hideIcon ? _$cc(Icon, {
|
|
41
|
-
'className': _$cn({
|
|
42
|
+
return [_$ce(2, 'div', [!hideIcon && !icon ? _$cc(Icon, {
|
|
43
|
+
'className': _$cn(iconClassName || {
|
|
42
44
|
"ion-ios-checkmark": type === 'success',
|
|
43
45
|
"ion-ios-information": type === 'warning',
|
|
44
46
|
"ion-ios-close": type === 'error',
|
|
45
47
|
"ion-ios-help": type === 'confirm'
|
|
46
48
|
})
|
|
47
|
-
}) : undefined, 0, 'k-dialog-tip-icon'), _$ce(2, 'div', [title ? _$ce(2, 'div', title, 0, 'k-alert-dialog-title') : undefined, content], 0, 'k-alert-dialog-wrapper')];
|
|
49
|
+
}) : undefined, icon], 0, 'k-dialog-tip-icon'), _$ce(2, 'div', [title ? _$ce(2, 'div', title, 0, 'k-alert-dialog-title') : undefined, content], 0, 'k-alert-dialog-wrapper')];
|
|
48
50
|
}, __$blocks['body'] = function ($super, data) {
|
|
49
51
|
var block = $blocks['body'];
|
|
50
52
|
|
|
@@ -7,7 +7,7 @@ import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
|
|
|
7
7
|
|
|
8
8
|
function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
9
|
|
|
10
|
-
function _unsupportedIterableToArray(o, minLen) { var
|
|
10
|
+
function _unsupportedIterableToArray(o, minLen) { var _context18; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context18 = Object.prototype.toString.call(o)).call(_context18, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
11
|
|
|
12
12
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
13
13
|
|
|
@@ -15,8 +15,10 @@ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/con
|
|
|
15
15
|
import _keysInstanceProperty from "@babel/runtime-corejs3/core-js/instance/keys";
|
|
16
16
|
import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
|
|
17
17
|
import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
|
|
18
|
+
import { __decorate } from "tslib";
|
|
18
19
|
import { Component } from 'intact-vue-next';
|
|
19
20
|
import { Dialog, BaseDialog } from './';
|
|
21
|
+
import { bind } from '../utils';
|
|
20
22
|
import { getElement, mount, unmount, dispatchEvent, wait } from '../../test/utils';
|
|
21
23
|
import BasicDemo from '~/components/dialog/demos/basic';
|
|
22
24
|
import AsyncCloseDemo from '~/components/dialog/demos/asyncClose';
|
|
@@ -590,6 +592,64 @@ describe('Dialog', function () {
|
|
|
590
592
|
}
|
|
591
593
|
}
|
|
592
594
|
}, _callee12);
|
|
595
|
+
})));
|
|
596
|
+
it('should remove body style when destroy', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee13() {
|
|
597
|
+
var Demo, _mount13, instance, element;
|
|
598
|
+
|
|
599
|
+
return _regeneratorRuntime.wrap(function _callee13$(_context17) {
|
|
600
|
+
while (1) {
|
|
601
|
+
switch (_context17.prev = _context17.next) {
|
|
602
|
+
case 0:
|
|
603
|
+
Demo = /*#__PURE__*/function (_Component4) {
|
|
604
|
+
_inheritsLoose(Demo, _Component4);
|
|
605
|
+
|
|
606
|
+
function Demo() {
|
|
607
|
+
var _context16;
|
|
608
|
+
|
|
609
|
+
var _this4;
|
|
610
|
+
|
|
611
|
+
for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
|
|
612
|
+
args[_key4] = arguments[_key4];
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
_this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context16 = [this]).call(_context16, args)) || this;
|
|
616
|
+
_this4.Dialog = Dialog;
|
|
617
|
+
return _this4;
|
|
618
|
+
}
|
|
619
|
+
|
|
620
|
+
Demo.defaults = function defaults() {
|
|
621
|
+
return {
|
|
622
|
+
show: true
|
|
623
|
+
};
|
|
624
|
+
};
|
|
625
|
+
|
|
626
|
+
var _proto = Demo.prototype;
|
|
627
|
+
|
|
628
|
+
_proto.onClose = function onClose() {
|
|
629
|
+
this.set('show', false);
|
|
630
|
+
};
|
|
631
|
+
|
|
632
|
+
return Demo;
|
|
633
|
+
}(Component);
|
|
634
|
+
|
|
635
|
+
Demo.template = "\n var Dialog = this.Dialog;\n <div>\n <Dialog v-if={this.get('show')}\n value={this.get('show')}\n ev-close={this.onClose}\n ref=\"dialog\"\n >test</Dialog>\n </div>\n ";
|
|
636
|
+
|
|
637
|
+
__decorate([bind], Demo.prototype, "onClose", null);
|
|
638
|
+
|
|
639
|
+
_mount13 = mount(Demo), instance = _mount13[0], element = _mount13[1];
|
|
640
|
+
instance.refs.dialog.close();
|
|
641
|
+
_context17.next = 7;
|
|
642
|
+
return wait();
|
|
643
|
+
|
|
644
|
+
case 7:
|
|
645
|
+
expect(document.body.getAttribute('style')).to.be.null;
|
|
646
|
+
|
|
647
|
+
case 8:
|
|
648
|
+
case "end":
|
|
649
|
+
return _context17.stop();
|
|
650
|
+
}
|
|
651
|
+
}
|
|
652
|
+
}, _callee13);
|
|
593
653
|
}))); // it('should handle v-if and v-model at the same time correctly in Vue', async () => {
|
|
594
654
|
// const Test = {
|
|
595
655
|
// template: `<Dialog v-model="show" v-if="show" ref="dialog">test</Dialog>`,
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { VNode } from 'intact-vue-next';
|
|
2
1
|
import type { Dialog, DialogProps } from './';
|
|
3
2
|
export interface AlertDialogProps extends DialogProps {
|
|
4
|
-
content?: string |
|
|
3
|
+
content?: string | object;
|
|
5
4
|
type?: 'success' | 'warning' | 'error' | 'confirm';
|
|
6
5
|
hideIcon?: boolean;
|
|
7
6
|
hideFooter?: boolean;
|
|
8
7
|
ref?: (i: Dialog) => void;
|
|
8
|
+
className?: string;
|
|
9
|
+
iconClassName?: string;
|
|
10
|
+
icon?: object;
|
|
9
11
|
}
|
|
10
12
|
export declare type StaticMethod = (options?: AlertDialogProps) => Promise<void>;
|
|
11
13
|
export declare function addStaticMethods(Component: typeof Dialog): void;
|
|
@@ -29,6 +29,22 @@ export function addStaticMethods(Component) {
|
|
|
29
29
|
options = {};
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
+
var normalize = Component.normalize;
|
|
33
|
+
|
|
34
|
+
if (normalize) {
|
|
35
|
+
if (options.content) {
|
|
36
|
+
options = _extends({}, options, {
|
|
37
|
+
content: normalize(options.content)
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
if (options.icon) {
|
|
42
|
+
options = _extends({}, options, {
|
|
43
|
+
icon: normalize(options.icon)
|
|
44
|
+
});
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
32
48
|
var dialog = new AlertDialog(options);
|
|
33
49
|
dialog.show();
|
|
34
50
|
if (options.ref) options.ref(dialog);
|
|
@@ -11,7 +11,9 @@ export function useFixBody(elementRef) {
|
|
|
11
11
|
instance.on(SHOW, onEnter);
|
|
12
12
|
instance.on('afterClose', onAfterLeave);
|
|
13
13
|
onBeforeUnmount(function () {
|
|
14
|
-
|
|
14
|
+
// should also remove body style when dialog is removed, #805
|
|
15
|
+
// if (fixedBody && instance.get('value')) {
|
|
16
|
+
if (fixedBody) {
|
|
15
17
|
// maybe HIDE event has not triggered
|
|
16
18
|
onClosed(instance);
|
|
17
19
|
}
|
|
@@ -13,6 +13,8 @@ export interface PaginationProps {
|
|
|
13
13
|
showTotal?: boolean;
|
|
14
14
|
showGoto?: boolean;
|
|
15
15
|
showLimits?: boolean;
|
|
16
|
+
disableBtn?: (page: number, limit: number) => boolean;
|
|
17
|
+
disablePage?: (page: number, limit: number) => boolean;
|
|
16
18
|
}
|
|
17
19
|
export interface PaginationEvents {
|
|
18
20
|
change: [PaginationChangeData];
|
|
@@ -16,7 +16,9 @@ var typeDefs = {
|
|
|
16
16
|
simple: Boolean,
|
|
17
17
|
showTotal: Boolean,
|
|
18
18
|
showGoto: Boolean,
|
|
19
|
-
showLimits: Boolean
|
|
19
|
+
showLimits: Boolean,
|
|
20
|
+
disableBtn: Function,
|
|
21
|
+
disablePage: Function
|
|
20
22
|
};
|
|
21
23
|
|
|
22
24
|
var defaults = function defaults() {
|
|
@@ -141,7 +143,16 @@ export var Pagination = /*#__PURE__*/function (_Component) {
|
|
|
141
143
|
};
|
|
142
144
|
|
|
143
145
|
_proto.goto = function goto(e) {
|
|
146
|
+
var _this$get4 = this.get(),
|
|
147
|
+
disablePage = _this$get4.disablePage,
|
|
148
|
+
limit = _this$get4.limit;
|
|
149
|
+
|
|
144
150
|
var value = parseInt(e.target.value) || 1;
|
|
151
|
+
|
|
152
|
+
if (disablePage && disablePage(value, limit)) {
|
|
153
|
+
return;
|
|
154
|
+
}
|
|
155
|
+
|
|
145
156
|
this.changePage(value);
|
|
146
157
|
};
|
|
147
158
|
|
|
@@ -3,6 +3,7 @@ import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
|
|
|
3
3
|
import BasicDemo from '~/components/pagination/demos/basic';
|
|
4
4
|
import GotoDemo from '~/components/pagination/demos/goto';
|
|
5
5
|
import CurrentDemo from '~/components/pagination/demos/current';
|
|
6
|
+
import DisableDemo from '~/components/pagination/demos/disable';
|
|
6
7
|
import { mount, unmount, dispatchEvent, wait } from '../../test/utils';
|
|
7
8
|
describe('Pagination', function () {
|
|
8
9
|
afterEach(function () {
|
|
@@ -141,4 +142,31 @@ describe('Pagination', function () {
|
|
|
141
142
|
}
|
|
142
143
|
}, _callee3);
|
|
143
144
|
})));
|
|
145
|
+
it('should not goto disabled page', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
|
|
146
|
+
var _mount4, instance, element, input;
|
|
147
|
+
|
|
148
|
+
return _regeneratorRuntime.wrap(function _callee4$(_context4) {
|
|
149
|
+
while (1) {
|
|
150
|
+
switch (_context4.prev = _context4.next) {
|
|
151
|
+
case 0:
|
|
152
|
+
_mount4 = mount(DisableDemo), instance = _mount4[0], element = _mount4[1];
|
|
153
|
+
input = element.querySelector('.k-input-inner');
|
|
154
|
+
dispatchEvent(input, 'focus');
|
|
155
|
+
input.value = '11';
|
|
156
|
+
dispatchEvent(input, 'change');
|
|
157
|
+
dispatchEvent(input, 'blur');
|
|
158
|
+
_context4.next = 8;
|
|
159
|
+
return wait();
|
|
160
|
+
|
|
161
|
+
case 8:
|
|
162
|
+
expect(input.value).to.eql('10');
|
|
163
|
+
expect(instance.get('value2')).to.eql(10);
|
|
164
|
+
|
|
165
|
+
case 10:
|
|
166
|
+
case "end":
|
|
167
|
+
return _context4.stop();
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
}, _callee4);
|
|
171
|
+
})));
|
|
144
172
|
});
|
|
@@ -32,7 +32,9 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
32
32
|
value = _this$get.value,
|
|
33
33
|
limit = _this$get.limit,
|
|
34
34
|
limits = _this$get.limits,
|
|
35
|
-
showLimits = _this$get.showLimits
|
|
35
|
+
showLimits = _this$get.showLimits,
|
|
36
|
+
disableBtn = _this$get.disableBtn,
|
|
37
|
+
disablePage = _this$get.disablePage;
|
|
36
38
|
|
|
37
39
|
if (!total) return _$ccv(' pagination ');
|
|
38
40
|
var classNameObj = (_classNameObj = {
|
|
@@ -47,11 +49,24 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
47
49
|
var totalPages = Math.ceil(total / limit) || 0;
|
|
48
50
|
|
|
49
51
|
var paginationButton = function paginationButton(page) {
|
|
52
|
+
var disabled = false;
|
|
53
|
+
|
|
54
|
+
if (page !== value) {
|
|
55
|
+
if (disablePage) {
|
|
56
|
+
disabled || (disabled = !!disablePage(page, limit));
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
if (disableBtn) {
|
|
60
|
+
disabled || (disabled = !!disableBtn(page, limit));
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
|
|
50
64
|
return _$cc(Button, {
|
|
51
65
|
'type': type,
|
|
52
66
|
'size': size,
|
|
53
67
|
'icon': true,
|
|
54
68
|
'value': page,
|
|
69
|
+
'disabled': disabled,
|
|
55
70
|
'children': page
|
|
56
71
|
});
|
|
57
72
|
};
|
|
@@ -131,14 +146,14 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
131
146
|
'icon': true,
|
|
132
147
|
'size': size,
|
|
133
148
|
'type': type,
|
|
134
|
-
'disabled': value <= 1,
|
|
149
|
+
'disabled': value <= 1 || !!(disablePage && disablePage(value - 1, limit)),
|
|
135
150
|
'ev-click': this.prev,
|
|
136
151
|
'children': _$cc(Icon, _$tmp0)
|
|
137
152
|
}), paginationItems, _$cc(Button, {
|
|
138
153
|
'icon': true,
|
|
139
154
|
'size': size,
|
|
140
155
|
'type': type,
|
|
141
|
-
'disabled': value >= totalPages,
|
|
156
|
+
'disabled': value >= totalPages || !!(disablePage && disablePage(value + 1, limit)),
|
|
142
157
|
'ev-click': this.next,
|
|
143
158
|
'children': _$cc(Icon, _$tmp1)
|
|
144
159
|
})],
|
|
@@ -55,7 +55,7 @@ setDefault(function () {
|
|
|
55
55
|
}).pagination;
|
|
56
56
|
});
|
|
57
57
|
export function makeStyles() {
|
|
58
|
-
return /*#__PURE__*/css("font-size:", pagination.fontSize, ";.k-pagination-limits,.k-pagination-goto,.k-pagination-total{margin-left:", pagination.gap, ";display:inline-block;vertical-align:middle;}.k-pagination-ellipsis{background-color:transparent;border-color:transparent;}.k-btns{.k-btn{width:auto!important;min-width:", button.height, ";padding:", pagination.btn.padding, ";margin-right:", pagination.btn.gap, ";&:last-of-type{margin:0!important;}}.k-icon{font-size:18px;}}.k-pagination-goto{.k-input{font-size:inherit;width:", pagination.goto.width, ";margin:", pagination.goto.gap, ";}}.k-select{width:auto;}", _mapInstanceProperty(sizes).call(sizes, function (size) {
|
|
58
|
+
return /*#__PURE__*/css("font-size:", pagination.fontSize, ";.k-pagination-limits,.k-pagination-goto,.k-pagination-total{margin-left:", pagination.gap, ";display:inline-block;vertical-align:middle;}.k-pagination-ellipsis{background-color:transparent;border-color:transparent;}.k-btns{.k-btn{width:auto!important;min-width:", button.height, ";padding:", pagination.btn.padding, ";margin-right:", pagination.btn.gap, ";&:last-of-type{margin:0!important;}}.k-icon{font-size:18px;}}.k-pagination-goto{.k-input{font-size:inherit;width:", pagination.goto.width, ";margin:", pagination.goto.gap, ";}.k-input-inner{text-align:center;}}.k-select{width:auto;}", _mapInstanceProperty(sizes).call(sizes, function (size) {
|
|
59
59
|
var styles = pagination[size];
|
|
60
60
|
var btnStyles = button[size];
|
|
61
61
|
return /*#__PURE__*/css("&.k-", size, "{font-size:", styles.fontSize, ";.k-btn{margin-right:", styles.btnGap, ";min-width:", btnStyles.height, ";.k-icon{font-size:", styles.iconFontSize, ";}}}");
|
package/components/portal.js
CHANGED
|
@@ -60,25 +60,37 @@ export var Portal = /*#__PURE__*/function (_Component) {
|
|
|
60
60
|
};
|
|
61
61
|
|
|
62
62
|
_proto.$update = function $update(lastVNode, nextVNode, parentDom, anchor, mountedQueue, force) {
|
|
63
|
+
var _this3 = this;
|
|
64
|
+
|
|
63
65
|
// update container if it has changed
|
|
64
66
|
var lastProps = lastVNode.props;
|
|
65
67
|
var nextProps = nextVNode.props;
|
|
66
|
-
var lastContainer = this.container;
|
|
67
68
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
69
|
+
var update = function update() {
|
|
70
|
+
var lastContainer = _this3.container;
|
|
71
|
+
|
|
72
|
+
if (lastProps.container !== nextProps.container) {
|
|
73
|
+
_this3.initContainer(nextProps.container, parentDom, anchor);
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
var nextContainer = _this3.container;
|
|
71
77
|
|
|
72
|
-
|
|
78
|
+
if (lastContainer === nextContainer) {
|
|
79
|
+
patch(lastProps.children, nextProps.children, nextContainer, _this3, _this3.$SVG, anchor, mountedQueue, false);
|
|
80
|
+
} else {
|
|
81
|
+
remove(lastProps.children, lastContainer, false);
|
|
82
|
+
mount(nextProps.children, nextContainer, _this3, _this3.$SVG, anchor, mountedQueue);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
_Component.prototype.$update.call(_this3, lastVNode, nextVNode, parentDom, anchor, mountedQueue, force);
|
|
86
|
+
};
|
|
73
87
|
|
|
74
|
-
if (
|
|
75
|
-
|
|
88
|
+
if (!this.container) {
|
|
89
|
+
// in react, sometimes $update will be called before mountedQueue in $render
|
|
90
|
+
mountedQueue.push(update);
|
|
76
91
|
} else {
|
|
77
|
-
|
|
78
|
-
mount(nextProps.children, nextContainer, this, this.$SVG, anchor, mountedQueue);
|
|
92
|
+
update();
|
|
79
93
|
}
|
|
80
|
-
|
|
81
|
-
_Component.prototype.$update.call(this, lastVNode, nextVNode, parentDom, anchor, mountedQueue, force);
|
|
82
94
|
};
|
|
83
95
|
|
|
84
96
|
_proto.$unmount = function $unmount(vNode, nextVNode) {
|
package/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @king-design v2.0.
|
|
2
|
+
* @king-design v2.0.15
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Kingsoft Cloud
|
|
5
5
|
* Released under the MIT License
|
|
@@ -57,7 +57,7 @@ export * from './components/tree';
|
|
|
57
57
|
export * from './components/treeSelect';
|
|
58
58
|
export * from './components/upload';
|
|
59
59
|
export * from './components/wave';
|
|
60
|
-
export declare const version = "2.0.
|
|
60
|
+
export declare const version = "2.0.15";
|
|
61
61
|
|
|
62
62
|
|
|
63
63
|
export {normalize} from 'intact-vue-next';
|
package/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @king-design v2.0.
|
|
2
|
+
* @king-design v2.0.15
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) Kingsoft Cloud
|
|
5
5
|
* Released under the MIT License
|
|
@@ -59,7 +59,7 @@ export * from './components/tree';
|
|
|
59
59
|
export * from './components/treeSelect';
|
|
60
60
|
export * from './components/upload';
|
|
61
61
|
export * from './components/wave';
|
|
62
|
-
export var version = '2.0.
|
|
62
|
+
export var version = '2.0.15';
|
|
63
63
|
/* generate end */
|
|
64
64
|
|
|
65
65
|
export {normalize} from 'intact-vue-next';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@king-design/vue",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.15",
|
|
4
4
|
"description": "King-Design UI components for Vue3.0.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"component",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"dayjs": "^1.10.7",
|
|
39
39
|
"downloadjs": "^1.4.7",
|
|
40
40
|
"enquire.js": "^2.1.6",
|
|
41
|
-
"intact-vue-next": "^3.0.
|
|
41
|
+
"intact-vue-next": "^3.0.15",
|
|
42
42
|
"monaco-editor": "^0.26.1",
|
|
43
43
|
"mxgraphx": "^4.0.7",
|
|
44
44
|
"resize-observer-polyfill": "^1.5.1",
|