@king-design/vue 3.2.2-beta.0 → 3.3.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 +61 -15
- package/__tests__/components/dropdown.spec.ts +1 -0
- package/components/divider/index.d.ts +14 -0
- package/components/divider/index.js +38 -0
- package/components/divider/index.spec.d.ts +1 -0
- package/components/divider/index.spec.js +1 -0
- package/components/divider/index.vdt.js +31 -0
- package/components/divider/styles.d.ts +5 -0
- package/components/divider/styles.js +35 -0
- package/components/dropdown/dropdown.js +2 -2
- package/components/ellipsis/index.d.ts +16 -0
- package/components/ellipsis/index.js +36 -0
- package/components/ellipsis/index.spec.d.ts +1 -0
- package/components/ellipsis/index.spec.js +94 -0
- package/components/ellipsis/index.vdt.js +50 -0
- package/components/ellipsis/styles.d.ts +5 -0
- package/components/ellipsis/styles.js +10 -0
- package/components/ellipsis/useEllipsis.d.ts +4 -0
- package/components/ellipsis/useEllipsis.js +21 -0
- package/components/menu/item.vdt.js +8 -3
- package/components/menu/styles.d.ts +1 -1
- package/components/menu/styles.js +6 -5
- package/components/menu/title.vdt.js +6 -2
- package/components/table/table.vdt.js +1 -1
- package/components/tag/index.spec.js +4 -2
- package/components/tag/tags.vdt.js +2 -1
- package/components/view/index.d.ts +15 -0
- package/components/view/index.js +30 -0
- package/i18n/en-US.d.ts +1 -1
- package/i18n/en-US.js +1 -1
- package/index.d.ts +5 -2
- package/index.js +5 -2
- package/package.json +2 -2
- package/styles/theme.d.ts +8 -0
- package/styles/theme.js +8 -4
- package/yarn-error.log +0 -1013
|
@@ -448,6 +448,32 @@
|
|
|
448
448
|
"<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">Show Dialog</button><!--portal--></div>"
|
|
449
449
|
```
|
|
450
450
|
|
|
451
|
+
## `divider`
|
|
452
|
+
|
|
453
|
+
#### `Divider basic`
|
|
454
|
+
|
|
455
|
+
```
|
|
456
|
+
"<div><div class=\"k-card k-shadow k-no-header css-1jf5xj\"><div class=\"k-card-body\"><div>默认直线</div><div class=\"k-divider k-light k-horizontal k-default css-1ewnbs\"></div><div>虚线</div><div class=\"k-divider k-light k-horizontal k-default css-1ac0qbw\"></div></div></div></div>"
|
|
457
|
+
```
|
|
458
|
+
|
|
459
|
+
#### `Divider horizontal`
|
|
460
|
+
|
|
461
|
+
```
|
|
462
|
+
"<div class=\"divider-content\"> Text <div class=\"k-divider k-light k-vertical k-default css-1ewnbs\"></div><a href=\"#\">Link</a><div class=\"k-divider k-light k-vertical k-default css-1ewnbs\"></div><a href=\"#\">Link</a></div>"
|
|
463
|
+
```
|
|
464
|
+
|
|
465
|
+
#### `Divider margin`
|
|
466
|
+
|
|
467
|
+
```
|
|
468
|
+
"<div><div> margin large <div class=\"k-divider k-light k-horizontal k-large css-1ewnbs\"></div></div><div> margin default <div class=\"k-divider k-light k-horizontal k-default css-1ewnbs\"></div></div><div> margin small <div class=\"k-divider k-light k-horizontal k-small css-1ewnbs\"></div></div><div> margin none <div class=\"k-divider k-light k-horizontal k-none css-1ewnbs\"></div></div> 自定义margin <div class=\"k-divider k-light k-horizontal css-1ewnbs\" style=\"margin: 30px 0px;\"></div> 自定义margin <div class=\"k-divider k-light k-horizontal k-default css-1ewnbs\" style=\"margin: 8px 0px 0px;\"></div></div>"
|
|
469
|
+
```
|
|
470
|
+
|
|
471
|
+
#### `Divider text`
|
|
472
|
+
|
|
473
|
+
```
|
|
474
|
+
"<div><div class=\"k-card k-shadow k-no-header css-1jf5xj\"><div class=\"k-card-body\"><div>卡片内容</div><div class=\"k-divider k-light k-horizontal k-default k-with-text css-1ewnbs\"><div class=\"k-divider-text\">Text</div></div><div>卡片内容</div><div class=\"k-divider k-light k-horizontal k-default k-with-text k-left css-1ewnbs\"><div class=\"k-divider-text\">Text</div></div><div>卡片内容</div><div class=\"k-divider k-light k-horizontal k-default k-with-text k-right css-1ewnbs\"><div class=\"k-divider-text\">Text</div></div></div></div></div>"
|
|
475
|
+
```
|
|
476
|
+
|
|
451
477
|
## `drawer`
|
|
452
478
|
|
|
453
479
|
#### `Drawer basic`
|
|
@@ -538,6 +564,26 @@
|
|
|
538
564
|
"<div><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\">100</div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div></div>"
|
|
539
565
|
```
|
|
540
566
|
|
|
567
|
+
## `ellipsis`
|
|
568
|
+
|
|
569
|
+
#### `Ellipsis basic`
|
|
570
|
+
|
|
571
|
+
```
|
|
572
|
+
"<div class=\"k-split k-horizontal css-1ug4f89 k-last-auto\" style=\"width: 400px;\"><div class=\"k-split-first\" style=\"width: 50%;\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper panel\">测试测试测试测试测试测试</div></div><br><div class=\"k-ellipsis k-multiline css-hqv409\"><div class=\"c-ellipsis k-ellipsis-wrapper panel\">最大几行忽略最大几行忽略最大几行忽略</div></div></div><div class=\"k-split-line-wrapper\"><div class=\"k-split-line\"><div class=\"k-split-drag-lines\"></div></div></div><div class=\"k-split-last\" style=\"width: auto;\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper panel\">不展示tooltip不展示tooltip</div></div></div></div>"
|
|
573
|
+
```
|
|
574
|
+
|
|
575
|
+
#### `Ellipsis custom`
|
|
576
|
+
|
|
577
|
+
```
|
|
578
|
+
"<div style=\"width: 200px;\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper panel tooltip-class\"><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button></div></div></div>"
|
|
579
|
+
```
|
|
580
|
+
|
|
581
|
+
#### `Ellipsis position`
|
|
582
|
+
|
|
583
|
+
```
|
|
584
|
+
"<div><div class=\"k-ellipsis css-1jf5h5f\" style=\"width: 90px;\"><div class=\"c-ellipsis k-ellipsis-wrapper\">tooltip在右侧tooltip在右侧</div></div><div class=\"k-ellipsis css-1jf5h5f\" style=\"width: 90px;\"><div class=\"c-ellipsis k-ellipsis-wrapper\">tooltip在下方tooltip在下方</div></div></div>"
|
|
585
|
+
```
|
|
586
|
+
|
|
541
587
|
## `form`
|
|
542
588
|
|
|
543
589
|
#### `Form basic`
|
|
@@ -737,31 +783,31 @@
|
|
|
737
783
|
#### `Layout aside`
|
|
738
784
|
|
|
739
785
|
```
|
|
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-
|
|
786
|
+
"<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-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\"><div class=\"k-layout-header k-dark css-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
787
|
```
|
|
742
788
|
|
|
743
789
|
#### `Layout asideFix`
|
|
744
790
|
|
|
745
791
|
```
|
|
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-
|
|
792
|
+
"<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-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout css-1vdvr25\" style=\"padding-left: 260px;\"><div class=\"k-layout-header k-fixed k-white css-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
793
|
```
|
|
748
794
|
|
|
749
795
|
#### `Layout basic`
|
|
750
796
|
|
|
751
797
|
```
|
|
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-
|
|
798
|
+
"<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-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 54px;\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 200px; top: 54px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"content\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">></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
799
|
```
|
|
754
800
|
|
|
755
801
|
#### `Layout fix`
|
|
756
802
|
|
|
757
803
|
```
|
|
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-
|
|
804
|
+
"<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-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\" style=\"margin-top: 64px;\"><div class=\"k-layout-aside k-fixed k-light css-1wk1cze\" style=\"width: 200px; top: 64px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\" style=\"padding-left: 200px;\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">></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
805
|
```
|
|
760
806
|
|
|
761
807
|
#### `Layout theme`
|
|
762
808
|
|
|
763
809
|
```
|
|
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-
|
|
810
|
+
"<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-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-layout k-has-aside css-1vdvr25\"><div class=\"k-layout-aside k-light css-1wk1cze\" style=\"width: 200px;\"><div class=\"k-layout-wrapper\"><div class=\"k-menu k-light k-vertical css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div></div><div class=\"k-layout-body css-u3mwlr\"><div class=\"k-breadcrumb css-1ggv82t\"><div class=\"k-breadcrumb-item\"><span class=\"k-breadcrumb-link\">Home</span></div><span class=\"k-breadcrumb-separator\">></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
811
|
```
|
|
766
812
|
|
|
767
813
|
## `menu`
|
|
@@ -769,55 +815,55 @@
|
|
|
769
815
|
#### `Menu accordion`
|
|
770
816
|
|
|
771
817
|
```
|
|
772
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
818
|
+
"<div class=\"k-menu k-dark k-vertical css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2 </span></div></div></div></div></div><div class=\"k-menu-item k-expanded css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-ws8brk k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 1</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-ws8brk k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div></div></div></div></div></div>"
|
|
773
819
|
```
|
|
774
820
|
|
|
775
821
|
#### `Menu basic`
|
|
776
822
|
|
|
777
823
|
```
|
|
778
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
824
|
+
"<div class=\"k-menu k-dark k-vertical css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-ws8brk k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>Option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div>"
|
|
779
825
|
```
|
|
780
826
|
|
|
781
827
|
#### `Menu collapse`
|
|
782
828
|
|
|
783
829
|
```
|
|
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-
|
|
830
|
+
"<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-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i></div></div></div></div><!--portal--></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i></div></div></div></div><!--portal--></div><div class=\"k-menu-item k-highlighted css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i></div></div></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-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-stats-bars css-16qej3\"></i></div></div></div></div><!--portal--></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-upload css-16qej3\"></i></div></div></div></div><!--portal--></div></div></div></div>"
|
|
785
831
|
```
|
|
786
832
|
|
|
787
833
|
#### `Menu dot`
|
|
788
834
|
|
|
789
835
|
```
|
|
790
|
-
"<div class=\"k-menu k-light k-vertical css-
|
|
836
|
+
"<div class=\"k-menu k-light k-vertical css-1tlnuc0\"><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-2xubwh\"><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\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><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\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><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\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div>"
|
|
791
837
|
```
|
|
792
838
|
|
|
793
839
|
#### `Menu horizontal`
|
|
794
840
|
|
|
795
841
|
```
|
|
796
|
-
"<div><div class=\"k-menu k-dark k-horizontal css-
|
|
842
|
+
"<div><div class=\"k-menu k-dark k-horizontal css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><!--portal--></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div><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
843
|
```
|
|
798
844
|
|
|
799
845
|
#### `Menu recursive`
|
|
800
846
|
|
|
801
847
|
```
|
|
802
|
-
"<div class=\"k-menu k-dark k-vertical css-
|
|
848
|
+
"<div class=\"k-menu k-dark k-vertical css-1tlnuc0\"><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-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 3</span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-acdn8u k-sub-menu css-1tlnuc0 k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-body\"><div class=\"k-menu-item k-active css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-10t71m4 k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 4</span></div></div></div></div></div></div></div>"
|
|
803
849
|
```
|
|
804
850
|
|
|
805
851
|
#### `Menu showCollapseArrow`
|
|
806
852
|
|
|
807
853
|
```
|
|
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
|
|
854
|
+
"<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-checked 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 css-12pzj9v\" tabindex=\"0\" type=\"button\">default<input class=\"k-button-input\" type=\"radio\" tabindex=\"-1\"></button><button class=\"k-btn k-default k-active 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-small k-vertical css-1tlnuc0\"><div class=\"k-menu-header css-1rwrb5m\"> 自定义Header </div><div class=\"k-menu-arrow-box\"><i class=\"k-icon k-menu-arrow ion-arrow-left-b css-16qej3\"></i></div><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 0</span></div></div></div></div></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-1rwrb5m\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">title 1</div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-active css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 3menu 3menu 3menu 3menu 3menu 3</span></div></div></div></div></div><div class=\"k-menu-title\"><div class=\"k-menu-name css-1rwrb5m\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">title 2</div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 6 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-19ymmdp k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 7 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-s980tm k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-divider k-light k-horizontal k-default css-1ewnbs divider-style\"></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 8</span></div></div></div></div></div></div></div></div>"
|
|
809
855
|
```
|
|
810
856
|
|
|
811
857
|
#### `Menu size`
|
|
812
858
|
|
|
813
859
|
```
|
|
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-
|
|
860
|
+
"<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-1tlnuc0\"><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-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><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\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span> sub menu 4 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-ws8brk k-sub-menu css-1tlnuc0\" style=\"display: none;\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>option 2</span></div></div></div></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div>"
|
|
815
861
|
```
|
|
816
862
|
|
|
817
863
|
#### `Menu theme`
|
|
818
864
|
|
|
819
865
|
```
|
|
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-
|
|
866
|
+
"<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-1tlnuc0\"><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-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-flag css-16qej3\"></i><span>menu 1</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-star css-16qej3\"></i><span>menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-expanded css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-heart css-16qej3\"></i><span>menu 3 </span></div></div></div><i class=\"k-icon k-menu-item-arrow ion-arrow-down-b css-16qej3\"></i></div><div class=\"k-menu css-1sqckfm k-sub-menu css-1tlnuc0\"><div class=\"k-menu-body\"><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 1</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 2</span></div></div></div></div></div><div class=\"k-menu-item k-disabled css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 3</span></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>sub menu 4</span></div></div></div></div></div></div></div></div><div class=\"k-menu-item css-2xubwh\"><div class=\"k-menu-item-title css-1rwrb5m\"><div class=\"k-menu-name\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><i class=\"k-icon ion-gear-b css-16qej3\"></i><span>menu 4</span></div></div></div></div></div></div></div></div>"
|
|
821
867
|
```
|
|
822
868
|
|
|
823
869
|
## `message`
|
|
@@ -1487,7 +1533,7 @@
|
|
|
1487
1533
|
#### `Table empty`
|
|
1488
1534
|
|
|
1489
1535
|
```
|
|
1490
|
-
"<div><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 k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr><td class=\"k-table-empty\" colspan=\"3\"
|
|
1536
|
+
"<div><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 k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr><td class=\"k-table-empty\" colspan=\"3\">暂无数据</td></tr></tbody></table></div></div><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 k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"表头1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头1</div></div></th><th title=\"表头2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">表头2</div></div></th></tr></thead><tbody><tr><td class=\"k-table-empty\" colspan=\"3\"><div style=\"color: red;\">没有数据</div></td></tr></tbody></table></div></div></div>"
|
|
1491
1537
|
```
|
|
1492
1538
|
|
|
1493
1539
|
#### `Table export`
|