@king-design/vue 2.0.0 → 2.0.3

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.
Files changed (44) hide show
  1. package/__tests__/__snapshots__/Vue Next Demos.md +10 -10
  2. package/__tests__/components/dropdown.spec.ts +29 -0
  3. package/__tests__/components/select.spec.ts +29 -0
  4. package/components/cascader/index.spec.js +88 -0
  5. package/components/cascader/index.vdt.js +4 -4
  6. package/components/cascader/useLabel.js +8 -12
  7. package/components/datepicker/index.vdt.js +10 -5
  8. package/components/diagram/index.d.ts +1 -1
  9. package/components/dropdown/dropdown.js +8 -7
  10. package/components/form/index.spec.js +2 -4
  11. package/components/menu/index.spec.js +13 -6
  12. package/components/menu/item.d.ts +0 -1
  13. package/components/menu/item.js +6 -4
  14. package/components/menu/item.vdt.js +4 -4
  15. package/components/menu/menu.d.ts +3 -0
  16. package/components/menu/menu.js +4 -0
  17. package/components/menu/useExpanded.d.ts +1 -4
  18. package/components/menu/useHighlight.d.ts +5 -8
  19. package/components/menu/useHighlight.js +44 -33
  20. package/components/portal.js +1 -1
  21. package/components/skeleton/index.d.ts +2 -0
  22. package/components/skeleton/index.js +2 -0
  23. package/components/skeleton/item.d.ts +16 -0
  24. package/components/skeleton/item.js +26 -0
  25. package/components/skeleton/item.vdt.js +35 -0
  26. package/components/skeleton/skeleton.d.ts +17 -0
  27. package/components/skeleton/skeleton.js +30 -0
  28. package/components/skeleton/skeleton.vdt.js +37 -0
  29. package/components/skeleton/style.d.ts +6 -0
  30. package/components/skeleton/style.js +35 -0
  31. package/components/steps/context.d.ts +2 -2
  32. package/components/tooltip/index.spec.js +4 -1
  33. package/components/transfer/styles.js +2 -6
  34. package/components/tree/useFilter.js +1 -2
  35. package/i18n/en-US.d.ts +1 -0
  36. package/i18n/en-US.js +1 -0
  37. package/index.d.ts +3 -2
  38. package/index.js +3 -2
  39. package/package.json +2 -2
  40. package/components/cascader/index.d.ts +0 -34
  41. package/components/datepicker/index.d.ts +0 -63
  42. package/components/select/select.d.ts +0 -33
  43. package/components/timepicker/panelPicker.d.ts +0 -54
  44. package/components/treeSelect/index.d.ts +0 -27
@@ -349,7 +349,7 @@
349
349
  #### `Diagram basic`
350
350
 
351
351
  ```
352
- "<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><ddiamond></ddiamond><dcircle></dcircle><dline></dline><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 193px; height: 187px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 193px; min-height: 187px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"36\" y=\"0\" width=\"120\" height=\"60\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(75,6)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"42\" height=\"49\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 44px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\"><h2>hello</h2></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 40 106 L 80 146 L 40 186 L 0 146 Z\" fill=\"#ffffff\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g style=\"\"><g transform=\"translate(26,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"28\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 30px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">world</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><ellipse cx=\"152\" cy=\"146\" rx=\"40\" ry=\"40\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></ellipse></g><g style=\"\"><g transform=\"translate(143,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"18\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 20px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">kpc</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 40 104.88 L 36.5 97.88 L 40 99.63 L 43.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 152 104.88 L 148.5 97.88 L 152 99.63 L 155.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
352
+ "<div class=\"k-diagram css-ohhwil\"><div class=\"k-diagram-scheme\"><dtreelayout><drectangle></drectangle><ddiamond></ddiamond><dcircle></dcircle><dline></dline><dline></dline></dtreelayout></div><div class=\"k-diagram-canvas\" style=\"position: relative; width: 193px; height: 187px;\"><svg style=\"left: 0px; top: 0px; width: 100%; height: 100%; display: block; min-width: 193px; min-height: 187px;\"><g><g></g><g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><rect x=\"36\" y=\"0\" width=\"120\" height=\"60\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></rect></g><g style=\"\"><g transform=\"translate(75,6)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"42\" height=\"49\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 43px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\"><h2>hello</h2></div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 40 106 L 80 146 L 40 186 L 0 146 Z\" fill=\"#ffffff\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g style=\"\"><g transform=\"translate(26,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"29\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 30px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">world</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><ellipse cx=\"152\" cy=\"146\" rx=\"40\" ry=\"40\" fill=\"#ffffff\" stroke=\"#000000\" pointer-events=\"all\"></ellipse></g><g style=\"\"><g transform=\"translate(143,140)\"><foreignObject style=\"overflow:visible;\" pointer-events=\"all\" width=\"19\" height=\"12\"><div style=\"display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 20px; white-space: normal; overflow-wrap: normal; text-align: center;\"><div xmlns=\"http://www.w3.org/1999/xhtml\" style=\"display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;\">kpc</div></div></foreignObject></g></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 86 83 L 50 83 Q 40 83 40 91.32 L 40 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 40 104.88 L 36.5 97.88 L 40 99.63 L 43.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g><g transform=\"translate(0.5,0.5)\" style=\"visibility: visible;\"><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"white\" stroke-miterlimit=\"10\" pointer-events=\"stroke\" visibility=\"hidden\" stroke-width=\"9\"></path><path d=\"M 96 60 L 96 73 Q 96 83 106 83 L 142 83 Q 152 83 152 91.32 L 152 99.63\" fill=\"none\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"stroke\"></path><path d=\"M 152 104.88 L 148.5 97.88 L 152 99.63 L 155.5 97.88 Z\" fill=\"#000000\" stroke=\"#000000\" stroke-miterlimit=\"10\" pointer-events=\"all\"></path></g></g><g></g><g></g></g></svg></div></div>"
353
353
  ```
354
354
 
355
355
  #### `Diagram children`
@@ -711,7 +711,7 @@
711
711
  #### `Menu collapse`
712
712
 
713
713
  ```
714
- "<div><div class=\"k-switch k-default css-1r7l1sz\" 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-1r7l1sz\" 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-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> sub menu 4 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 2</div></div></div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div>"
714
+ "<div><div class=\"k-switch k-default css-1r7l1sz\" 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-1r7l1sz\" 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-vertical css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-x0ey6t\"></i>menu 1</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-x0ey6t\"></i>menu 2</div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-x0ey6t\"></i>menu 3 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 1</div></div></div><div class=\"k-menu-item k-active css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 2</div></div></div><div class=\"k-menu-item k-disabled css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">sub menu 3</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"> sub menu 4 </div><i class=\"k-menu-arrow ion-ios-arrow-down\"></i></div><div class=\"k-menu css-drqtdg\" style=\"display: none;\"><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 1</div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\">option 2</div></div></div></div></div></div></div><div class=\"k-menu-item css-kt9fag\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-x0ey6t\"></i>menu 4</div></div></div></div></div>"
715
715
  ```
716
716
 
717
717
  #### `Menu dot`
@@ -994,7 +994,7 @@
994
994
  #### `Select format`
995
995
 
996
996
  ```
997
- "<div><div class=\"item\"><span class=\"label\">border:</span><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"dashed\"><div class=\"k-select-value c-ellipsis\">dashed</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"rect\"> Rectangle </div></div><div class=\"item\"><span class=\"label\">multiple:</span><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"ion-camera\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\"><i class=\"k-icon ion-camera css-x0ey6t\" style=\"vertical-align: middle;\"></i><span class=\"c-middle\">ion-camera</span></span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div><div class=\"item\"><span class=\"label\">multiple values:</span><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div></div>"
997
+ "<div><div class=\"item\"><span class=\"label\">border:</span><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"dashed\"><div class=\"k-select-value c-ellipsis\"><div class=\"line\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><div class=\"rect\"> Rectangle </div></div><div class=\"item\"><span class=\"label\">multiple:</span><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"ion-camera\"><div class=\"k-select-values\"><div class=\"k-select-tag\"><span class=\"k-select-text\"><i class=\"k-icon ion-camera css-x0ey6t\" style=\"vertical-align: middle;\"></i><span class=\"c-middle\">ion-camera</span></span><i class=\"k-icon k-hoverable ion-ios-close k-select-close css-x0ey6t\"></i></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div><div class=\"item\"><span class=\"label\">multiple values:</span><div class=\"k-select css-1mhb480\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"\"><div class=\"k-select-placeholder c-ellipsis\">请选择</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div></div></div>"
998
998
  ```
999
999
 
1000
1000
  #### `Select group`
@@ -1604,7 +1604,7 @@
1604
1604
  #### `Transfer basic`
1605
1605
 
1606
1606
  ```
1607
- "<div><div class=\"k-transfer css-1344p9s\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1607
+ "<div><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1608
1608
  3</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1609
1609
  2</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"right\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"right\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div></div></div></div><p>You selected: [0,1]</p></div>"
1610
1610
  ```
@@ -1612,7 +1612,7 @@
1612
1612
  #### `Transfer customFilter`
1613
1613
 
1614
1614
  ```
1615
- "<div><div class=\"k-transfer css-1344p9s\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1615
+ "<div><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1616
1616
  0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-group k-clearable css-1cug0ah\"><div class=\"k-input-prepend\"><div class=\"k-select k-small css-1mhb480\" tabindex=\"0\" style=\"width: px;\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"all\"><div class=\"k-select-value c-ellipsis\">全部策略</div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow ion-ios-arrow-down css-x0ey6t\"></i></span></span></div><!--portal--></div><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" placeholder=\"请输入\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1617
1617
  0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-with-prefix k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-ios-search\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div><p>You selected: []</p></div>"
1618
1618
  ```
@@ -1620,13 +1620,13 @@
1620
1620
  #### `Transfer customList`
1621
1621
 
1622
1622
  ```
1623
- "<div><div class=\"k-transfer css-1344p9s\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>未分配</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">刘一 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">陈二 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">张三 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">李四 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">王五 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">赵六 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">孙七 </span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>标准双人间</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间1 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间2 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间3 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间4 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间5 <span>(当前人数:0)</span></span></label></div></div></div></div></div>"
1623
+ "<div><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>未分配</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">刘一 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">陈二 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">张三 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">李四 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">王五 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">赵六 </span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">孙七 </span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>标准双人间</div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间1 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间2 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间3 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间4 <span>(当前人数:0)</span></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"[object Object]\"></span><span class=\"k-checkbox-text\">标准双人间5 <span>(当前人数:0)</span></span></label></div></div></div></div></div>"
1624
1624
  ```
1625
1625
 
1626
1626
  #### `Transfer getData`
1627
1627
 
1628
1628
  ```
1629
- "<div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get data</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get left checked data</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get right checked data</button><br><br><div class=\"k-transfer css-1344p9s\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1629
+ "<div><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get data</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get left checked data</button><button class=\"k-btn css-12uxt25\" tabindex=\"0\" type=\"button\">get right checked data</button><br><br><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1630
1630
  3</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1631
1631
  2</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"right\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"right\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div></div></div></div><p>You selected: [0,1]</p></div>"
1632
1632
  ```
@@ -1634,7 +1634,7 @@
1634
1634
  #### `Transfer label`
1635
1635
 
1636
1636
  ```
1637
- "<div class=\"k-transfer css-1344p9s\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1637
+ "<div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1638
1638
  5</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-input k-small k-with-prefix k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-ios-search\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名0\"></span><span class=\"k-checkbox-text\"><div><div>主机名0</div><p>前端服务器0 | 192.168.1.0</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名1\"></span><span class=\"k-checkbox-text\"><div><div>主机名1</div><p>前端服务器1 | 192.168.1.1</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名2\"></span><span class=\"k-checkbox-text\"><div><div>主机名2</div><p>前端服务器2 | 192.168.1.2</p></div></span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"主机名3\"></span><span class=\"k-checkbox-text\"><div><div>主机名3</div><p>前端服务器3 | 192.168.1.3</p></div></span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"主机名4\"></span><span class=\"k-checkbox-text\"><div><div>主机名4</div><p>前端服务器4 | 192.168.1.4</p></div></span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1639
1639
  0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-input k-small k-with-prefix k-clearable css-1cug0ah\"><div class=\"k-input-wrapper\"><div class=\"k-input-prefix\"><i class=\"ion-ios-search\"></i></div><input class=\"k-input-inner\" placeholder=\"请输入\" type=\"text\"><div class=\"k-input-suffix\"><i class=\"k-icon k-hoverable k-input-clear ion-ios-close css-x0ey6t\"></i> </div></div></div><div class=\"k-transfer-list\"></div></div></div>"
1640
1640
  ```
@@ -1642,7 +1642,7 @@
1642
1642
  #### `Transfer leftChecked`
1643
1643
 
1644
1644
  ```
1645
- "<div><div class=\"k-transfer css-1344p9s\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">2 /
1645
+ "<div><div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">2 /
1646
1646
  5</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">请选择</span></label></div><div class=\"k-transfer-list\"><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"0\"></span><span class=\"k-checkbox-text\">主机名0</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"1\"></span><span class=\"k-checkbox-text\">主机名1</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox k-checked css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"2\"></span><span class=\"k-checkbox-text\">主机名2</span></label></div><div class=\"k-transfer-item k-disabled\"><label class=\"k-checkbox k-disabled css-rt2md4\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" name=\"left\" value=\"3\"></span><span class=\"k-checkbox-text\">主机名3</span></label></div><div class=\"k-transfer-item\"><label class=\"k-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" name=\"left\" value=\"4\"></span><span class=\"k-checkbox-text\">主机名4</span></label></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle css-12uxt25\" tabindex=\"0\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div class=\"k-transfer-count\">0 /
1647
1647
  0</div><label class=\"k-checkbox c-ellipsis css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">已选择</span></label></div><div class=\"k-transfer-list\"></div></div></div><p>You checked left side: [0,2]</p></div>"
1648
1648
  ```
@@ -1650,7 +1650,7 @@
1650
1650
  #### `Transfer tree`
1651
1651
 
1652
1652
  ```
1653
- "<div class=\"k-transfer css-1344p9s\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>请选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node k-expanded k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">database</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">class</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">student</div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">id</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">name</div></div></div></div></div></div></div></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>已选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-192otbj\"></div></div></div></div>"
1653
+ "<div class=\"k-transfer css-160ohl7\"><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>请选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-192otbj\"><div class=\"k-tree-node k-expanded k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">database</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table1</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">class</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">student</div></div></div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label\"><i class=\"k-icon k-hoverable k-tree-icon ion-android-arrow-dropdown css-x0ey6t\"></i><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">table2</div></div><div class=\"k-tree\"><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">id</div></div></div><div class=\"k-tree-node k-expanded\"><div class=\"k-tree-label k-tree-leaf\"><label class=\"k-checkbox k-tree-checkbox css-rt2md4\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label><div class=\"k-tree-text c-ellipsis\">name</div></div></div></div></div></div></div></div></div></div><div class=\"k-transfer-arrows\"><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-left\"></i></button><button class=\"k-btn k-primary k-large k-btn-icon k-circle k-disabled css-12uxt25\" tabindex=\"-1\" type=\"button\"><i class=\"k-transfer-icon ion-ios-arrow-right\"></i></button></div><div class=\"k-transfer-panel\"><div class=\"k-transfer-title\"><div>已选择</div></div><div class=\"k-transfer-list\"><div class=\"k-tree k-line k-selectable css-192otbj\"></div></div></div></div>"
1654
1654
  ```
1655
1655
 
1656
1656
  ## `tree`
@@ -40,4 +40,33 @@ describe('Dropdown', () => {
40
40
  render(null, container);
41
41
  document.body.removeChild(container);
42
42
  });
43
+
44
+ it('handle trigger without props', async () => {
45
+ const container = document.createElement('div');
46
+ document.body.appendChild(container);
47
+ const vue = createApp({
48
+ template: `
49
+ <div>
50
+ <Dropdown>
51
+ <button>hover</button>
52
+ <DropdownMenu>
53
+ <DropdownItem>item 1</DropdownItem>
54
+ <DropdownItem>item 2</DropdownItem>
55
+ <DropdownItem>item 3</DropdownItem>
56
+ </DropdownMenu>
57
+ </Dropdown>
58
+ </div>
59
+ `,
60
+ components: {
61
+ Dropdown, DropdownMenu, DropdownItem
62
+ },
63
+ }).mount(container);
64
+
65
+ vue.$el.querySelector('button').click();
66
+ await wait();
67
+ expect(getElement('.k-dropdown-menu')).to.be.exist;
68
+
69
+ render(null, container);
70
+ document.body.removeChild(container);
71
+ });
43
72
  });
@@ -0,0 +1,29 @@
1
+ import {createApp, render} from 'vue';
2
+ import {mount, unmount, dispatchEvent, getElement, wait} from '@/test/utils';
3
+ import {Select, Option} from '../../';
4
+
5
+ describe('Select', () => {
6
+ it('handle trigger without props', async () => {
7
+ const container = document.createElement('div');
8
+ document.body.appendChild(container);
9
+ const vue = createApp({
10
+ template: `
11
+ <div>
12
+ <Select>
13
+ <Option v-for="item in [1, 2]" :value="item">{{ item }}</Option>
14
+ </Select>
15
+ </div>
16
+ `,
17
+ components: {
18
+ Select, Option
19
+ },
20
+ }).mount(container);
21
+
22
+ vue.$el.querySelector('.k-select').click();
23
+ await wait();
24
+ expect(getElement('.k-select-menu').textContent).to.eql('12');
25
+
26
+ render(null, container);
27
+ document.body.removeChild(container);
28
+ });
29
+ });
@@ -1,4 +1,6 @@
1
+ import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
1
2
  import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
3
+ import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
2
4
  import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
3
5
  import BasicDemo from '~/components/cascader/demos/basic';
4
6
  import CustomDemo from '~/components/cascader/demos/custom';
@@ -6,6 +8,8 @@ import ChangeOnSelectDemo from '~/components/cascader/demos/changeOnSelect';
6
8
  import LoadDataDemo from '~/components/cascader/demos/loadData';
7
9
  import FilterDemo from '~/components/cascader/demos/filterable';
8
10
  import { mount, unmount, dispatchEvent, getElement, getElements, wait } from '../../test/utils';
11
+ import { Cascader } from './';
12
+ import { Component } from 'intact-vue-next';
9
13
  describe('Cascader', function () {
10
14
  afterEach( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
11
15
  return _regeneratorRuntime.wrap(function _callee$(_context) {
@@ -278,4 +282,88 @@ describe('Cascader', function () {
278
282
  }
279
283
  }, _callee7);
280
284
  })));
285
+ it('duplicated sub data', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8() {
286
+ var Demo, _mount7, instance, element, _getElements2, dropdown1, dropdown2, _dropdown1$querySelec4, item1, item2, _dropdown2$querySelec3, item21, dropdown3, _dropdown3$querySelec2, item31;
287
+
288
+ return _regeneratorRuntime.wrap(function _callee8$(_context9) {
289
+ while (1) {
290
+ switch (_context9.prev = _context9.next) {
291
+ case 0:
292
+ Demo = /*#__PURE__*/function (_Component) {
293
+ _inheritsLoose(Demo, _Component);
294
+
295
+ function Demo() {
296
+ var _context8;
297
+
298
+ var _this;
299
+
300
+ for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
301
+ args[_key] = arguments[_key];
302
+ }
303
+
304
+ _this = _Component.call.apply(_Component, _concatInstanceProperty(_context8 = [this]).call(_context8, args)) || this;
305
+ _this.Cascader = Cascader;
306
+ return _this;
307
+ }
308
+
309
+ Demo.defaults = function defaults() {
310
+ return {
311
+ value: ['beijing', 'haidian'],
312
+ data: [{
313
+ value: 'beijing',
314
+ label: '北京',
315
+ children: [{
316
+ value: 'haidian',
317
+ label: '海淀区'
318
+ }]
319
+ }, {
320
+ value: 'hunan',
321
+ label: '湖南',
322
+ children: [{
323
+ value: 'haidian',
324
+ label: '海淀区'
325
+ }]
326
+ }]
327
+ };
328
+ };
329
+
330
+ return Demo;
331
+ }(Component);
332
+
333
+ Demo.template = "const {Cascader} = this; <Cascader data={this.get('data')} v-model=\"value\" />";
334
+ _mount7 = mount(Demo), instance = _mount7[0], element = _mount7[1];
335
+ dispatchEvent(element, 'click');
336
+ _context9.next = 6;
337
+ return wait();
338
+
339
+ case 6:
340
+ _getElements2 = getElements('.k-cascader-menu'), dropdown1 = _getElements2[0], dropdown2 = _getElements2[1];
341
+ _dropdown1$querySelec4 = dropdown1.querySelectorAll(':scope > .k-dropdown-item'), item1 = _dropdown1$querySelec4[0], item2 = _dropdown1$querySelec4[1];
342
+ expect(item1.classList.contains('k-selected')).to.be.true;
343
+ expect(item2.classList.contains('k-selected')).to.be.false;
344
+ _dropdown2$querySelec3 = dropdown2.querySelectorAll(':scope > .k-dropdown-item'), item21 = _dropdown2$querySelec3[0];
345
+ expect(item21.classList.contains('k-selected')).to.be.true;
346
+ dispatchEvent(item2, 'click');
347
+ _context9.next = 15;
348
+ return wait();
349
+
350
+ case 15:
351
+ dropdown3 = getElement('.k-cascader-menu');
352
+ _dropdown3$querySelec2 = dropdown3.querySelectorAll(':scope > .k-dropdown-item'), item31 = _dropdown3$querySelec2[0];
353
+ expect(item31.classList.contains('k-selected')).to.be.false;
354
+ dispatchEvent(item31, 'click');
355
+ _context9.next = 21;
356
+ return wait();
357
+
358
+ case 21:
359
+ expect(instance.get('value')).to.eql(['hunan', 'haidian']);
360
+ expect(element.textContent).to.eql('湖南 / 海淀区');
361
+
362
+ case 23:
363
+ case "end":
364
+ return _context9.stop();
365
+ }
366
+ }
367
+ }, _callee8);
368
+ })));
281
369
  });
@@ -41,7 +41,7 @@ export default function ($props, $blocks, $__proto__) {
41
41
  onSelect = _this$value.onSelect,
42
42
  toggleShowedValue = _this$value.toggleShowedValue;
43
43
 
44
- var Options = function Options(data, level, loaded) {
44
+ var Options = function Options(data, level, loaded, parentSelected) {
45
45
  if (!data.length) {
46
46
  if (!loaded) {
47
47
  return _$cc(Icon, _$tmp0);
@@ -53,7 +53,7 @@ export default function ($props, $blocks, $__proto__) {
53
53
  return _mapInstanceProperty(data).call(data, function (item, index) {
54
54
  var value = item.value;
55
55
  var showed = isShowed(value, level);
56
- var selected = isSelected(value, level);
56
+ var selected = parentSelected && isSelected(value, level);
57
57
  var children = item.children;
58
58
 
59
59
  var Item = function Item() {
@@ -79,7 +79,7 @@ export default function ($props, $blocks, $__proto__) {
79
79
  'ev-show': _this.load.bind(null, item),
80
80
  'children': [Item(), _$cc(DropdownMenu, {
81
81
  'className': _$cn(classNameObj),
82
- 'children': showed ? Options(children, level + 1, item.loaded) : null
82
+ 'children': showed ? Options(children, level + 1, item.loaded, selected) : null
83
83
  })]
84
84
  }) : Item();
85
85
  });
@@ -100,7 +100,7 @@ export default function ($props, $blocks, $__proto__) {
100
100
  return !filterable || !keywords ? _$cc(DropdownMenu, {
101
101
  'className': _$cn(classNameObj),
102
102
  'key': 'common',
103
- 'children': Options(data, 0, true)
103
+ 'children': Options(data, 0, true, true)
104
104
  }, 'common') : _$cc(DropdownMenu, {
105
105
  'key': 'filter',
106
106
  'className': _$cn((_$cn2 = {
@@ -1,4 +1,3 @@
1
- import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
2
1
  import { useInstance } from 'intact-vue-next';
3
2
  import { useBaseLabel } from '../select/useBaseLabel';
4
3
  export function useLabel() {
@@ -11,27 +10,24 @@ export function useLabel() {
11
10
  var labels = [];
12
11
  var length = value.length;
13
12
 
14
- var loop = function loop(data) {
13
+ var loop = function loop(data, level) {
14
+ if (level === length) return;
15
+
15
16
  for (var i = 0; i < data.length; i++) {
16
17
  var item = data[i];
17
18
 
18
- if (_includesInstanceProperty(value).call(value, item.value)) {
19
+ if (item.value === value[level]) {
19
20
  labels.push(item.label);
21
+ var children = item.children;
20
22
 
21
- if (labels.length === length) {
22
- return;
23
+ if (children) {
24
+ loop(children, level + 1);
23
25
  }
24
26
  }
25
-
26
- var children = item.children;
27
-
28
- if (children) {
29
- loop(children);
30
- }
31
27
  }
32
28
  };
33
29
 
34
- loop(data);
30
+ loop(data, 0);
35
31
  return labels.length ? format(labels) : null;
36
32
  }
37
33
 
@@ -1,4 +1,5 @@
1
- import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, className as _$cn, map as _$ma, createTextVNode as _$ct } from 'intact-vue-next';
1
+ import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
2
+ import { createElementVNode as _$ce, createUnknownComponentVNode as _$cc, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, className as _$cn, createTextVNode as _$ct } from 'intact-vue-next';
2
3
  import { linkEvent } from 'intact';
3
4
  import { DropdownMenu } from '../dropdown';
4
5
  import { DatepickerCalendar } from './calendar';
@@ -102,13 +103,17 @@ export default function ($props, $blocks, $__proto__) {
102
103
  __$blocks = _$ex({}, $blocks);
103
104
 
104
105
  return (_$blocks['base-menu'] = function ($super) {
106
+ var _this2 = this;
107
+
105
108
  return _$cc(DropdownMenu, {
106
109
  'className': _$cn(classNameObj),
107
- 'children': [shortcuts && shortcuts.length ? _$ce(2, 'div', _$ma(shortcuts, function ($value, $key) {
108
- return _$ce(2, 'div', isFunction($value.label) ? $value.label() : $value.label, 0, 'k-datepicker-shortcut', {
109
- 'ev-click': linkEvent($value, this.setByShortcut)
110
+ 'children': [shortcuts && shortcuts.length ? _$ce(2, 'div', _mapInstanceProperty(shortcuts).call(shortcuts, function ($value) {
111
+ var label = isFunction($value.label) ? $value.label() : $value.label;
112
+ return _$ce(2, 'div', label, 0, 'k-datepicker-shortcut c-ellipsis', {
113
+ 'title': label,
114
+ 'ev-click': linkEvent($value, _this2.setByShortcut)
110
115
  });
111
- }, $this), 4, 'k-datepicker-shortcuts') : undefined, _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n '), range ? generatePanel(PanelFlags.End) : null], 0, 'k-datepicker-calendars'), type === 'datetime' ? _$ce(2, 'div', _$cc(Button, {
116
+ }), 0, 'k-datepicker-shortcuts') : undefined, _$ce(2, 'div', [_$ce(2, 'div', [generatePanel(PanelFlags.Start), _$ct('\n '), range ? generatePanel(PanelFlags.End) : null], 0, 'k-datepicker-calendars'), type === 'datetime' ? _$ce(2, 'div', _$cc(Button, {
112
117
  'type': 'primary',
113
118
  'size': 'small',
114
119
  'disabled': isDisabledConfirm(),
@@ -10,7 +10,7 @@ export * from './shapes/rectangle';
10
10
  export * from './shapes/square';
11
11
  export * from './shapes/text';
12
12
  export * from './shapes/line';
13
- declare const DDiamond: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("misstime").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
13
+ declare const DDiamond: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DTriangle: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCylinder: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>, DCloud: import("vdt").ComponentConstructor<import("./shapes/shape").DShape<import("./shapes/shape").DShapeProps>>;
14
14
  export { DDiamond, DTriangle, DCylinder, DCloud };
15
15
  export * from './layouts/layout';
16
16
  export * from './layouts/circle';
@@ -163,10 +163,13 @@ export var Dropdown = /*#__PURE__*/function (_Component) {
163
163
 
164
164
  _proto.normalizeTriggerProps = function normalizeTriggerProps(props) {
165
165
  // if use kpc in react or vue, normalize props by Wrapper.props.vnode;
166
- if (this.$isReact || this.$isVueNext) {
167
- var vnode = props.vnode;
168
- if (!vnode) return props;
166
+ var vnode = props.vnode;
167
+ if (!vnode) return props; // maybe we render the intact component in react slot property, in this case
168
+ // the $isReact is false. so use the vnode $$typeof field as gauge
169
+
170
+ if (vnode.$$typeof || this.$isVueNext) {
169
171
  var _props = vnode.props;
172
+ if (!_props) return props;
170
173
  return {
171
174
  vnode: vnode,
172
175
  'ev-click': _props.onClick,
@@ -178,12 +181,10 @@ export var Dropdown = /*#__PURE__*/function (_Component) {
178
181
 
179
182
  };
180
183
  } else if (this.$isVue) {
181
- var _vnode = props.vnode;
182
- if (!_vnode) return props;
183
- var data = _vnode.data;
184
+ var data = vnode.data;
184
185
  var on = data && data.on || EMPTY_OBJ;
185
186
  var ret = {
186
- vnode: _vnode
187
+ vnode: vnode
187
188
  };
188
189
  ['click', 'mouseenter', 'mouseleave', 'contextmenu'].forEach(function (event) {
189
190
  var method = on[event];
@@ -8,7 +8,7 @@ import BasicDemo, { data as basicDemoData } from '~/components/form/demos/basic'
8
8
  import CustomDemo from '~/components/form/demos/custom';
9
9
  import VariableDemo from '~/components/form/demos/variable';
10
10
  import RemoteDemo from '~/components/form/demos/remote';
11
- import { mount, unmount, dispatchEvent, wait } from '../../test/utils';
11
+ import { mount, dispatchEvent, wait } from '../../test/utils';
12
12
  import { Component } from 'intact-vue-next';
13
13
  import { Form, FormItem } from './';
14
14
  import { Input } from '../input';
@@ -29,9 +29,7 @@ RemoteDemo.prototype.validateUserName = function (value) {
29
29
  };
30
30
 
31
31
  describe('Form', function () {
32
- afterEach(function () {
33
- return unmount();
34
- });
32
+ // afterEach(() => unmount());
35
33
  it('validate', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
36
34
  var _mount, instance, element, form, item, input;
37
35
 
@@ -39,14 +39,14 @@ describe('Menu', function () {
39
39
  }, _callee);
40
40
  })));
41
41
  it('select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
42
- var _mount2, instance, element, menu, _element$querySelecto, title, disabledTitle, subTitle;
42
+ var _mount2, instance, element, _element$querySelecto, title, disabledTitle, subTitle;
43
43
 
44
44
  return _regeneratorRuntime.wrap(function _callee2$(_context2) {
45
45
  while (1) {
46
46
  switch (_context2.prev = _context2.next) {
47
47
  case 0:
48
48
  _mount2 = mount(CollapseDemo), instance = _mount2[0], element = _mount2[1];
49
- menu = instance.refs.__test;
49
+ expect(element.innerHTML).to.matchSnapshot();
50
50
  _element$querySelecto = element.querySelectorAll('.k-menu-title'), title = _element$querySelecto[0], disabledTitle = _element$querySelecto[1];
51
51
  title.click();
52
52
  _context2.next = 6;
@@ -54,14 +54,14 @@ describe('Menu', function () {
54
54
 
55
55
  case 6:
56
56
  expect(element.outerHTML).to.matchSnapshot();
57
- expect(menu.get('selectedKey')).to.eql('1');
57
+ expect(instance.get('selectedKey')).to.eql('1');
58
58
  disabledTitle.click();
59
59
  _context2.next = 11;
60
60
  return wait();
61
61
 
62
62
  case 11:
63
63
  expect(element.outerHTML).to.matchSnapshot();
64
- expect(menu.get('selectedKey')).to.eql('1');
64
+ expect(instance.get('selectedKey')).to.eql('1');
65
65
  subTitle = element.querySelector('.k-expanded .k-menu .k-menu-title');
66
66
  subTitle.click();
67
67
  _context2.next = 17;
@@ -69,9 +69,16 @@ describe('Menu', function () {
69
69
 
70
70
  case 17:
71
71
  expect(element.outerHTML).to.matchSnapshot();
72
- expect(menu.get('selectedKey')).to.eql('3-1');
72
+ expect(instance.get('selectedKey')).to.eql('3-1'); // clear
73
73
 
74
- case 19:
74
+ instance.set('selectedKey', '');
75
+ _context2.next = 22;
76
+ return wait();
77
+
78
+ case 22:
79
+ expect(element.querySelector('.k-highlighted')).to.be.null;
80
+
81
+ case 23:
75
82
  case "end":
76
83
  return _context2.stop();
77
84
  }