@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.
- package/__tests__/__snapshots__/Vue Next Demos.md +10 -10
- package/__tests__/components/dropdown.spec.ts +29 -0
- package/__tests__/components/select.spec.ts +29 -0
- package/components/cascader/index.spec.js +88 -0
- package/components/cascader/index.vdt.js +4 -4
- package/components/cascader/useLabel.js +8 -12
- package/components/datepicker/index.vdt.js +10 -5
- package/components/diagram/index.d.ts +1 -1
- package/components/dropdown/dropdown.js +8 -7
- package/components/form/index.spec.js +2 -4
- package/components/menu/index.spec.js +13 -6
- package/components/menu/item.d.ts +0 -1
- package/components/menu/item.js +6 -4
- package/components/menu/item.vdt.js +4 -4
- package/components/menu/menu.d.ts +3 -0
- package/components/menu/menu.js +4 -0
- package/components/menu/useExpanded.d.ts +1 -4
- package/components/menu/useHighlight.d.ts +5 -8
- package/components/menu/useHighlight.js +44 -33
- package/components/portal.js +1 -1
- package/components/skeleton/index.d.ts +2 -0
- package/components/skeleton/index.js +2 -0
- package/components/skeleton/item.d.ts +16 -0
- package/components/skeleton/item.js +26 -0
- package/components/skeleton/item.vdt.js +35 -0
- package/components/skeleton/skeleton.d.ts +17 -0
- package/components/skeleton/skeleton.js +30 -0
- package/components/skeleton/skeleton.vdt.js +37 -0
- package/components/skeleton/style.d.ts +6 -0
- package/components/skeleton/style.js +35 -0
- package/components/steps/context.d.ts +2 -2
- package/components/tooltip/index.spec.js +4 -1
- package/components/transfer/styles.js +2 -6
- package/components/tree/useFilter.js +1 -2
- package/i18n/en-US.d.ts +1 -0
- package/i18n/en-US.js +1 -0
- package/index.d.ts +3 -2
- package/index.js +3 -2
- package/package.json +2 -2
- package/components/cascader/index.d.ts +0 -34
- package/components/datepicker/index.d.ts +0 -63
- package/components/select/select.d.ts +0 -33
- package/components/timepicker/panelPicker.d.ts +0 -54
- 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:
|
|
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\"
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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 (
|
|
19
|
+
if (item.value === value[level]) {
|
|
19
20
|
labels.push(item.label);
|
|
21
|
+
var children = item.children;
|
|
20
22
|
|
|
21
|
-
if (
|
|
22
|
-
|
|
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
|
|
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',
|
|
108
|
-
|
|
109
|
-
|
|
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
|
-
}
|
|
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("
|
|
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
|
-
|
|
167
|
-
|
|
168
|
-
|
|
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
|
|
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:
|
|
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,
|
|
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(
|
|
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,
|
|
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
|
-
|
|
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(
|
|
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(
|
|
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(
|
|
72
|
+
expect(instance.get('selectedKey')).to.eql('3-1'); // clear
|
|
73
73
|
|
|
74
|
-
|
|
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
|
}
|