@king-design/vue 3.1.6 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/__tests__/__snapshots__/Vue Next Demos.md +21 -15
- package/components/config/index.spec.js +22 -14
- package/components/layout/aside.vdt.js +1 -1
- package/components/layout/styles.js +2 -17
- package/components/menu/index.d.ts +1 -0
- package/components/menu/index.js +2 -1
- package/components/menu/index.spec.js +59 -28
- package/components/menu/item.vdt.js +3 -3
- package/components/menu/menu.d.ts +2 -0
- package/components/menu/menu.js +12 -1
- package/components/menu/menu.vdt.js +9 -4
- package/components/menu/styles.d.ts +15 -12
- package/components/menu/styles.js +38 -38
- package/components/menu/title.d.ts +7 -0
- package/components/menu/title.js +22 -0
- package/components/menu/title.vdt.js +25 -0
- package/components/radio/styles.js +1 -1
- package/components/select/index.spec.js +1 -1
- package/components/select/option.vdt.js +1 -0
- package/components/select/select.js +4 -1
- package/components/table/column.vdt.js +6 -6
- package/components/table/useSortable.d.ts +7 -3
- package/components/table/useSortable.js +5 -1
- package/index.d.ts +2 -2
- package/index.js +2 -2
- package/package.json +2 -2
- package/styles/theme.js +1 -2
- package/yarn-error.log +0 -1013
|
@@ -737,31 +737,31 @@
|
|
|
737
737
|
#### `Layout aside`
|
|
738
738
|
|
|
739
739
|
```
|
|
740
|
-
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-
|
|
740
|
+
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-dark css-1wk1cze\" style=\"width: 200px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-dark k-vertical css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\"><div class=\"k-layout-header k-dark css-1nd3ggh\" style=\"height: 64px;\"><button class=\"k-btn k-large k-none k-ghost css-12pzj9v\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div></div></div></div>"
|
|
741
741
|
```
|
|
742
742
|
|
|
743
743
|
#### `Layout asideFix`
|
|
744
744
|
|
|
745
745
|
```
|
|
746
|
-
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-
|
|
746
|
+
"<div class=\"k-layout k-has-aside css-1vdvr25 layout\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 260px;\"><div class=\"logo\">LOGO</div><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\" style=\"padding-left: 260px;\"><div class=\"k-layout-header k-fixed k-white css-1nd3ggh\" style=\"height: 64px; left: 260px;\"><button class=\"k-btn k-large k-none css-12pzj9v\" tabindex=\"0\" type=\"button\" style=\"height: 64px;\"><i class=\"k-icon ion-navicon css-16qej3\" style=\"font-size: 30px;\"></i></button></div><div class=\"k-layout-body css-u3mwlr\" style=\"margin-top: 64px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
|
|
747
747
|
```
|
|
748
748
|
|
|
749
749
|
#### `Layout basic`
|
|
750
750
|
|
|
751
751
|
```
|
|
752
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-
|
|
752
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-blur k-box-shadow k-white header css-1nd3ggh\" style=\"height: 54px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span> menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 54px;\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 200px; top: 54px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"content\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div></div></div></div></div>"
|
|
753
753
|
```
|
|
754
754
|
|
|
755
755
|
#### `Layout fix`
|
|
756
756
|
|
|
757
757
|
```
|
|
758
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-
|
|
758
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-fixed k-dark css-1nd3ggh\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-dark k-horizontal css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span> menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 64px;\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 200px; top: 64px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div><div> content </div></div></div></div>"
|
|
759
759
|
```
|
|
760
760
|
|
|
761
761
|
#### `Layout theme`
|
|
762
762
|
|
|
763
763
|
```
|
|
764
|
-
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-
|
|
764
|
+
"<div class=\"k-layout css-1vdvr25 layout\"><div class=\"k-layout-header k-light header css-1nd3ggh\" style=\"height: 64px;\"><div class=\"logo\">LOGO</div><div class=\"k-menu k-light k-horizontal css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span> menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-light css-1wk1cze\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">></span><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Detail</span></div></div> 切换主题：<div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div></div></div></div>"
|
|
765
765
|
```
|
|
766
766
|
|
|
767
767
|
## `menu`
|
|
@@ -769,49 +769,55 @@
|
|
|
769
769
|
#### `Menu accordion`
|
|
770
770
|
|
|
771
771
|
```
|
|
772
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
772
|
+
"<div class=\"k-menu k-dark k-vertical css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2 </span></div></div></div><div class=\"k-menu-item k-expanded css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span> sub menu 1 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span> sub menu 4 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>Option 2</span></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div></div></div></div></div></div>"
|
|
773
773
|
```
|
|
774
774
|
|
|
775
775
|
#### `Menu basic`
|
|
776
776
|
|
|
777
777
|
```
|
|
778
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
778
|
+
"<div class=\"k-menu k-dark k-vertical css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span> sub menu 4 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>Option 2</span></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div>"
|
|
779
779
|
```
|
|
780
780
|
|
|
781
781
|
#### `Menu collapse`
|
|
782
782
|
|
|
783
783
|
```
|
|
784
|
-
"<div><div class=\"k-switch k-checked k-default css-158h2we\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-collapsed k-vertical css-
|
|
784
|
+
"<div><div class=\"k-switch k-checked k-default css-158h2we\" tabindex=\"0\" style=\"margin-right: 16px; width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><br><br><div class=\"k-menu k-dark k-collapsed k-vertical css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i></div></div><!--portal--></div><div class=\"k-menu-item k-highlighted css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i></div></div><!--portal--></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-1rwrb5m\"><i class=\"k-icon ion-cloud css-16qej3\"></i></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-stats-bars css-16qej3\"></i></div></div><!--portal--></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-upload css-16qej3\"></i></div></div><!--portal--></div></div></div></div>"
|
|
785
785
|
```
|
|
786
786
|
|
|
787
787
|
#### `Menu dot`
|
|
788
788
|
|
|
789
789
|
```
|
|
790
|
-
"<div class=\"k-menu k-light k-vertical css-
|
|
790
|
+
"<div class=\"k-menu k-light k-vertical css-ep1ib2\"><div class=\"k-menu-header css-1rwrb5m\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div>"
|
|
791
791
|
```
|
|
792
792
|
|
|
793
793
|
#### `Menu horizontal`
|
|
794
794
|
|
|
795
795
|
```
|
|
796
|
-
"<div><div class=\"k-menu k-dark k-horizontal css-
|
|
796
|
+
"<div><div class=\"k-menu k-dark k-horizontal css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div><br><br><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
|
|
797
797
|
```
|
|
798
798
|
|
|
799
799
|
#### `Menu recursive`
|
|
800
800
|
|
|
801
801
|
```
|
|
802
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
802
|
+
"<div class=\"k-menu k-dark k-vertical css-ep1ib2\"><div class=\"k-menu-header css-1rwrb5m\"><i class=\"k-icon ion-star css-16qej3\"></i>测试</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 3</span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1qurwv2 k-sub-menu css-ep1ib2 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1qurwv2 k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>option 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>option 2</span></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div></div>"
|
|
803
|
+
```
|
|
804
|
+
|
|
805
|
+
#### `Menu showCollapseArrow`
|
|
806
|
+
|
|
807
|
+
```
|
|
808
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">隐藏折叠按钮</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 110px;\">展示折叠按钮</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-vertical css-ep1ib2\"><div class=\"k-menu-header css-1rwrb5m\"> 自定义Header </div><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 0</span></div></div></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-1rwrb5m\"><span>title 1</span></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-active css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 3</span></div></div></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-1rwrb5m\"><span>title 2</span></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span> sub menu 6 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1qurwv2 k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span> sub menu 7 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1qurwv2 k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>Option 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>Option 2</span></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>menu 8</span></div></div></div></div></div></div>"
|
|
803
809
|
```
|
|
804
810
|
|
|
805
811
|
#### `Menu size`
|
|
806
812
|
|
|
807
813
|
```
|
|
808
|
-
"<div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button
|
|
814
|
+
"<div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">展开</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">收起</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">vertical</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 100px;\">horizontal</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">large<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">small<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-large k-vertical css-ep1ib2\"><div class=\"k-menu-header css-1rwrb5m\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><i class=\"k-icon k-menu-dot ion-record css-16qej3\"></i><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span> sub menu 4 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>option 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>option 2</span></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div>"
|
|
809
815
|
```
|
|
810
816
|
|
|
811
817
|
#### `Menu theme`
|
|
812
818
|
|
|
813
819
|
```
|
|
814
|
-
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button
|
|
820
|
+
"<div><div class=\"k-btns css-mk35v2\"><button class=\"k-btn k-default k-active css-12pzj9v\" tabindex=\"0\" type=\"button\">light<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default css-12pzj9v\" tabindex=\"0\" type=\"button\">dark<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button></div><br><br><div class=\"k-menu k-light k-vertical css-ep1ib2\"><div class=\"k-menu-header css-1rwrb5m\"><i class=\"k-icon ion-star css-16qej3\"></i>Header</div><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1lyoe2t k-sub-menu css-ep1ib2\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item k-disabled css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><span>sub menu 4</span></div></div></div></div></div></div><div class=\"k-menu-item css-97ckf9\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div>"
|
|
815
821
|
```
|
|
816
822
|
|
|
817
823
|
## `message`
|
|
@@ -1589,7 +1595,7 @@
|
|
|
1589
1595
|
#### `Table sort`
|
|
1590
1596
|
|
|
1591
1597
|
```
|
|
1592
|
-
"<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" title=\"姓名\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">姓名</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down k-desc k-mini css-16qej3\"></i></div></div></th><th class=\"k-column-sortable\" title=\"年龄\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">年龄</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down k-desc k-mini css-16qej3\"></i></div></div></th></tr></thead><tbody><tr data-key=\"aa\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"aa\">aa</td><td title=\"1\">1</td></tr><tr data-key=\"cc\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"cc\">cc</td><td title=\"5\">5</td></tr><tr data-key=\"bb\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"bb\">bb</td><td title=\"9\">9</td></tr></tbody></table></div></div>"
|
|
1598
|
+
"<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" title=\"姓名\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">姓名</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up-bold k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down-bold k-desc k-mini css-16qej3\"></i></div></div></th><th class=\"k-column-sortable\" title=\"年龄\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">年龄</div><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up-bold k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down-bold k-desc k-mini css-16qej3\"></i></div></div></th></tr></thead><tbody><tr data-key=\"aa\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"aa\">aa</td><td title=\"1\">1</td></tr><tr data-key=\"cc\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"cc\">cc</td><td title=\"5\">5</td></tr><tr data-key=\"bb\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"bb\">bb</td><td title=\"9\">9</td></tr></tbody></table></div></div>"
|
|
1593
1599
|
```
|
|
1594
1600
|
|
|
1595
1601
|
#### `Table stickHeader`
|
|
@@ -1607,7 +1613,7 @@
|
|
|
1607
1613
|
#### `Table title`
|
|
1608
1614
|
|
|
1609
1615
|
```
|
|
1610
|
-
"<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><span title=\"自定义表头内容\" class=\"title\">自定义表头内容</span><i class=\"k-icon k-icon-question css-16qej3\"></i><!--portal--></div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down k-desc k-mini css-16qej3\"></i></div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr></tbody></table></div></div>"
|
|
1616
|
+
"<div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-column-sortable\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><span title=\"自定义表头内容\" class=\"title\">自定义表头内容</span><i class=\"k-icon k-icon-question css-16qej3\"></i><!--portal--></div><i class=\"k-icon k-hoverable k-icon-down-squared k-table-group css-16qej3\"></i><!--portal--><div class=\"k-column-sort\"><i class=\"k-icon k-icon-up-bold k-asc k-mini css-16qej3\"></i><i class=\"k-icon k-icon-down-bold k-desc k-mini css-16qej3\"></i></div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第一行\">第一行</td><td title=\"哈哈2\">哈哈2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"第二行\">第二行</td><td title=\"哈哈2\">哈哈2</td></tr></tbody></table></div></div>"
|
|
1611
1617
|
```
|
|
1612
1618
|
|
|
1613
1619
|
#### `Table tooltip`
|
|
@@ -1,29 +1,37 @@
|
|
|
1
1
|
import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
|
|
2
2
|
import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
|
|
3
|
-
import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
|
|
4
3
|
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
|
|
4
|
+
import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
|
|
5
5
|
import { Component } from 'intact-vue-next';
|
|
6
|
-
import { mount, wait } from '../../test/utils';
|
|
6
|
+
import { mount, unmount, wait } from '../../test/utils';
|
|
7
7
|
import { ConfigProvider } from '.';
|
|
8
8
|
import { Button, ButtonGroup } from '../button';
|
|
9
9
|
describe('Config', function () {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
10
|
+
afterEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
|
|
11
|
+
return _regeneratorRuntime.wrap(function _callee$(_context) {
|
|
12
|
+
while (1) switch (_context.prev = _context.next) {
|
|
13
|
+
case 0:
|
|
14
|
+
unmount();
|
|
15
|
+
case 1:
|
|
16
|
+
case "end":
|
|
17
|
+
return _context.stop();
|
|
18
|
+
}
|
|
19
|
+
}, _callee);
|
|
20
|
+
})));
|
|
21
|
+
it('should change classname prefix', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
|
|
14
22
|
var Demo, _mount, instance, element;
|
|
15
|
-
return _regeneratorRuntime.wrap(function
|
|
16
|
-
while (1) switch (
|
|
23
|
+
return _regeneratorRuntime.wrap(function _callee2$(_context3) {
|
|
24
|
+
while (1) switch (_context3.prev = _context3.next) {
|
|
17
25
|
case 0:
|
|
18
26
|
Demo = /*#__PURE__*/function (_Component) {
|
|
19
27
|
_inheritsLoose(Demo, _Component);
|
|
20
28
|
function Demo() {
|
|
21
|
-
var
|
|
29
|
+
var _context2;
|
|
22
30
|
var _this;
|
|
23
31
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
24
32
|
args[_key] = arguments[_key];
|
|
25
33
|
}
|
|
26
|
-
_this = _Component.call.apply(_Component, _concatInstanceProperty(
|
|
34
|
+
_this = _Component.call.apply(_Component, _concatInstanceProperty(_context2 = [this]).call(_context2, args)) || this;
|
|
27
35
|
_this.ConfigProvider = ConfigProvider;
|
|
28
36
|
_this.ButtonGroup = ButtonGroup;
|
|
29
37
|
_this.Button = Button;
|
|
@@ -40,19 +48,19 @@ describe('Config', function () {
|
|
|
40
48
|
_mount = mount(Demo), instance = _mount[0], element = _mount[1];
|
|
41
49
|
expect(element.innerHTML).to.matchSnapshot();
|
|
42
50
|
instance.set('k', 'a');
|
|
43
|
-
|
|
51
|
+
_context3.next = 7;
|
|
44
52
|
return wait();
|
|
45
53
|
case 7:
|
|
46
54
|
expect(element.innerHTML).to.matchSnapshot();
|
|
47
55
|
instance.set('k', 'b');
|
|
48
|
-
|
|
56
|
+
_context3.next = 11;
|
|
49
57
|
return wait();
|
|
50
58
|
case 11:
|
|
51
59
|
expect(element.innerHTML).to.matchSnapshot();
|
|
52
60
|
case 12:
|
|
53
61
|
case "end":
|
|
54
|
-
return
|
|
62
|
+
return _context3.stop();
|
|
55
63
|
}
|
|
56
|
-
},
|
|
64
|
+
}, _callee2);
|
|
57
65
|
})));
|
|
58
66
|
});
|
|
@@ -26,7 +26,7 @@ export default function ($props, $blocks, $__proto__) {
|
|
|
26
26
|
}
|
|
27
27
|
return vNode;
|
|
28
28
|
});
|
|
29
|
-
var classNameObj = (_classNameObj = {}, _classNameObj[k + "-layout-aside"] = true, _classNameObj[k + "-collapsed"] = collapse, _classNameObj[k + "-fixed"] = fixed, _classNameObj[k + "-" + theme] = true, _classNameObj[className] = className, _classNameObj[makeAsideStyles(k)] = true, _classNameObj);
|
|
29
|
+
var classNameObj = (_classNameObj = {}, _classNameObj[k + "-layout-aside"] = true, _classNameObj[k + "-collapsed"] = collapse, _classNameObj[k + "-fixed"] = fixed, _classNameObj[k + "-" + (theme === 'dark' ? 'dark' : 'light')] = true, _classNameObj[className] = className, _classNameObj[makeAsideStyles(k)] = true, _classNameObj);
|
|
30
30
|
return _$cv('div', _extends({}, getRestProps(this), {
|
|
31
31
|
'className': _$cn(classNameObj),
|
|
32
32
|
'style': this.getStyles(k)
|