@king-design/vue 3.1.1 → 3.1.2

package/__tests__/__snapshots__/Vue Next Demos.md

@@ -790,6 +790,12 @@
 "<div><div class=\"k-menu k-dark k-horizontal css-112b4uc\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-flag css-1s6te75\"></i><span>menu 1</span></div></div></div><div class=\"k-menu-item k-disabled css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-star css-1s6te75\"></i><span>menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-heart css-1s6te75\"></i><span>menu 3 </span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><!--portal--></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><i class=\"k-icon ion-gear-b css-1s6te75\"></i><span>menu 4</span></div></div></div></div><br><br><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\" style=\"width: 60px;\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-off\" style=\"width: px;\">dark</div><div class=\"k-switch-bar\"><div class=\"k-switch-on\" style=\"width: 60px;\">light</div><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
 ```
 
+####   `Menu recursive`
+
+```
+"<div class=\"k-menu k-dark k-vertical css-112b4uc\"><div class=\"k-menu-header css-r08qjw\"><i class=\"k-icon ion-star css-1s6te75\"></i>测试</div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 2</span></div></div></div><div class=\"k-menu-item k-expanded k-highlighted css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 3</span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-n3kz4w css-112b4uc k-expand-enter-from k-expand-enter-active\" style=\"height: 0px;\"><div class=\"k-menu-item k-active css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 2</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 3</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>sub menu 4</span></div><i class=\"k-icon k-menu-arrow k-icon-down css-1s6te75\"></i></div><div class=\"k-menu css-u2b7tt css-112b4uc\" style=\"display: none;\"><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 1</span></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>option 2</span></div></div></div></div></div></div></div><div class=\"k-menu-item css-15n389j\"><div class=\"k-menu-title css-r08qjw\"><div class=\"k-menu-name\"><span>menu 4</span></div></div></div></div>"
+```
+
 ####   `Menu size`
 
 ```
@@ -1481,7 +1487,7 @@
 ####   `Table fixColumn`
 
 ```
-"<div><div class=\"k-table k-scroll-left k-fix-columns css-mfl0rl\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 40px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 800px; top: 64px;\"><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"name k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><div>Column1</div></div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr></tbody></table></div></div><div class=\"k-table k-fix-header k-scroll-left k-fix-columns k-grid css-mfl0rl\"><div class=\"k-table-wrapper\" style=\"max-height: 150px;\"><div class=\"k-affix k-table-affix-header css-8m3pex\"><div class=\"k-affix-wrapper\"><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column1</div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr></tbody></table></div></div></div>"
+"<div><div class=\"k-table k-scroll-left k-fix-columns css-mfl0rl\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 40px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 800px; top: 64px;\"><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"name k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\"><div>Column1</div></div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th title=\"Column4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col class=\"name\" width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"name k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr></tbody></table></div></div><div class=\"k-table k-fix-header k-scroll-left k-fix-columns k-grid css-mfl0rl\"><div class=\"k-table-wrapper\" style=\"max-height: 150px;\"><div class=\"k-affix k-table-affix-header css-8m3pex\"><div class=\"k-affix-wrapper\"><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"1\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Name\" colspan=\"1\" rowspan=\"1\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Column1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column1</div></div></th><th title=\"Column2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column2</div></div></th><th title=\"Column3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column3</div></div></th><th class=\"k-fixed-right\" title=\"Column4\" colspan=\"1\" rowspan=\"1\" style=\"right: 200px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Column4</div></div></th><th class=\"k-fixed-right\" title=\"Action\" colspan=\"1\" rowspan=\"1\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Action</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col width=\"200\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"300\"><col width=\"200\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"John\" style=\"left: 40px;\">John</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"test\" style=\"right: 200px;\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tom\" style=\"left: 40px;\">Tom</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"test\" style=\"right: 200px;\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Javey\" style=\"left: 40px;\">Javey</td><td title=\"test\">test</td><td title=\"test\">test</td><td title=\"test\">test</td><td class=\"k-fixed-right\" title=\"test\" style=\"right: 200px;\">test</td><td class=\"k-fixed-right\" title=\"\" style=\"right: 0px;\"><a>action</a></td></tr></tbody></table></div></div></div>"
 ```
 
 ####   `Table fixHeader`
@@ -1499,7 +1505,7 @@
 ####   `Table groupHeader`
 
 ```
-"<div class=\"k-table k-scroll-left k-fix-columns k-grid css-mfl0rl\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 120px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 798px; top: 64px;\"><table><colgroup><col width=\"40\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"3\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"3\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th class=\"k-fixed-left\" title=\"Time\" colspan=\"1\" rowspan=\"2\" style=\"left: 140px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Classes\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Classes</div></div></th><th title=\"Time\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th class=\"k-fixed-right\" title=\"Class 6\" colspan=\"1\" rowspan=\"2\" style=\"right: 100px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th class=\"k-fixed-right\" title=\"Class 7\" colspan=\"1\" rowspan=\"2\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th></tr><tr><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"><col width=\"100\"></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" style=\"left: 40px;\">Monday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Geopraghy\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 100px;\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 0px;\">Mathematics</td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tuesday\" style=\"left: 40px;\">Tuesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"English\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 100px;\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 0px;\">Chinese</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" style=\"left: 40px;\">Wendesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Mathematics\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 100px;\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 0px;\">History</td></tr><tr data-key=\"3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Thursday\" style=\"left: 40px;\">Thursday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Chinese\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 100px;\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 0px;\">Geopraghy</td></tr><tr data-key=\"4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Friday\" style=\"left: 40px;\">Friday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 140px;\">08:00 ~ 12:00</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"History\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 100px;\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 0px;\">English</td></tr></tbody></table></div></div>"
+"<div class=\"k-table k-fix-columns k-grid css-mfl0rl\"><div class=\"k-table-wrapper\"><div class=\"k-affix k-fixed k-table-affix-header css-8m3pex\" style=\"height: 120px;\"><div class=\"k-affix-wrapper\" style=\"position: fixed; width: 798px; top: 64px;\"><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><thead><tr><th class=\"k-fixed-left\" rowspan=\"3\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th class=\"k-fixed-left\" title=\"Weekday\" colspan=\"1\" rowspan=\"3\" style=\"left: 40px;\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Weekday</div></div></th><th title=\"Forenoon\" colspan=\"5\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Forenoon</div></div></th><th title=\"Afternoon\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Afternoon</div></div></th></tr><tr><th class=\"k-fixed-left\" title=\"Time\" colspan=\"1\" rowspan=\"2\" style=\"left: 40px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Classes\" colspan=\"4\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Classes</div></div></th><th title=\"Time\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Time</div></div></th><th title=\"Class 5\" colspan=\"1\" rowspan=\"2\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 5</div></div></th><th class=\"k-fixed-right\" title=\"Class 6\" colspan=\"1\" rowspan=\"2\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 6</div></div></th><th class=\"k-fixed-right\" title=\"Class 7\" colspan=\"1\" rowspan=\"2\" style=\"right: 0px;\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 7</div></div></th></tr><tr><th title=\"Class 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 1</div></div></th><th title=\"Class 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 2</div></div></th><th title=\"Class 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 3</div></div></th><th title=\"Class 4\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Class 4</div></div></th></tr></thead></table></div></div><table><colgroup><col width=\"40\"><col><col><col><col><col><col><col><col><col><col></colgroup><tbody><tr data-key=\"0\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Monday\" style=\"left: 40px;\">Monday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 40px;\">08:00 ~ 12:00</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Geopraghy\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 0px;\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 0px;\">Mathematics</td></tr><tr data-key=\"1\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Tuesday\" style=\"left: 40px;\">Tuesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 40px;\">08:00 ~ 12:00</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"English\">English</td><td class=\"k-fixed-right\" title=\"Mathematics\" style=\"right: 0px;\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 0px;\">Chinese</td></tr><tr data-key=\"2\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Wendesday\" style=\"left: 40px;\">Wendesday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 40px;\">08:00 ~ 12:00</td><td title=\"Chinese\">Chinese</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Mathematics\">Mathematics</td><td class=\"k-fixed-right\" title=\"Chinese\" style=\"right: 0px;\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 0px;\">History</td></tr><tr data-key=\"3\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Thursday\" style=\"left: 40px;\">Thursday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 40px;\">08:00 ~ 12:00</td><td title=\"History\">History</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"Chinese\">Chinese</td><td class=\"k-fixed-right\" title=\"History\" style=\"right: 0px;\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 0px;\">Geopraghy</td></tr><tr data-key=\"4\"><td class=\"k-table-check k-fixed-left\" style=\"left: 0px;\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td class=\"k-fixed-left\" title=\"Friday\" style=\"left: 40px;\">Friday</td><td class=\"k-fixed-left\" title=\"08:00 ~ 12:00\" style=\"left: 40px;\">08:00 ~ 12:00</td><td title=\"Geopraghy\">Geopraghy</td><td title=\"English\">English</td><td title=\"Mathematics\">Mathematics</td><td title=\"Chinese\">Chinese</td><td title=\"14:00 ~ 17:00\">14:00 ~ 17:00</td><td title=\"History\">History</td><td class=\"k-fixed-right\" title=\"Geopraghy\" style=\"right: 0px;\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 0px;\">English</td></tr></tbody></table></div></div>"
 ```
 
 ####   `Table hideHeader`
@@ -1553,7 +1559,7 @@
 ####   `Table scheme`
 
 ```
-"<div class=\"k-table css-mfl0rl\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"定义该列单元格内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">定义该列单元格内容</div></div></th><th title=\"key形式\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key形式</div></div></th><th title=\"key为一个路径字符串\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key为一个路径字符串</div></div></th><th title=\"没有这个key，则返回空\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">没有这个key，则返回空</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>虚拟DOM</a></td><td title=\"获取到了item.b\">获取到了item.b</td><td title=\"item.c.c1\">item.c.c1</td><td title=\"\"></td></tr></tbody></table></div></div>"
+"<div class=\"k-table css-mfl0rl\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"定义该列单元格内容\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">定义该列单元格内容</div></div></th><th title=\"key形式\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key形式</div></div></th><th title=\"key为一个路径字符串\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">key为一个路径字符串</div></div></th><th title=\"没有这个key，则返回空\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">没有这个key，则返回空</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><a>虚拟DOM</a></td><td title=\"获取到了item.b\">获取到了item.b</td><td title=\"item.c.c1\">item.c.c1</td><td title=\"\"></td></tr></tbody></table></div></div>"
 ```
 
 ####   `Table scrollToRow`

package/babel.config.js

@@ -0,0 +1,29 @@
+module.exports = function(api) {
+    api.cache(true);
+
+    const corejs = {version: 3, proposals: true};
+
+    const config = {
+        "presets": [
+            ["@babel/preset-env", {
+                "loose": true,
+                "modules": 'cjs',
+            }],
+            "@babel/preset-typescript",
+        ],
+        "plugins": [
+            ["@babel/plugin-transform-runtime", {
+                "corejs": corejs,
+            }],
+            ["@babel/plugin-proposal-decorators", {"legacy": true}],
+            "@babel/plugin-proposal-do-expressions",
+            ['@emotion', {
+                sourceMap: false,
+                autoLabel: 'never',
+            }],
+            '@vue/babel-plugin-jsx',
+        ]
+    };
+
+    return config;
+}

package/components/affix/styles.d.ts

@@ -1,2 +1,5 @@
 import '../../styles/global';
-export declare function makeStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/affix/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   zIndex: 9
 };
@@ -10,7 +11,8 @@ setDefault(function () {
   affix = deepDefaults(theme, {
     affix: defaults
   }).affix;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("position:relative;z-index:", affix.zIndex, ";");
-}
+});

package/components/badge/index.vdt.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime-corejs3/helpers/extends";
 import { createVNode as _$cv, className as _$cn, createElementVNode as _$ce } from 'intact-vue-next';
 import { getRestProps } from '../utils';
-import makeStyles from './styles';
+import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
 

package/components/badge/styles.d.ts

@@ -1,2 +1,5 @@
 import '../../styles/global';
-export default function makeStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/badge/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   width: '8px',
 
@@ -20,7 +21,8 @@ setDefault(function () {
   badge = deepDefaults(theme, {
     badge: defaults
   }).badge;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export default function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("display:inline-block;position:relative;vertical-align:middle;>.", k, "-badge-text{display:inline-block;position:absolute;width:", badge.width, ";height:", badge.height, ";border-radius:50%;top:0;right:0;transform:translate(50%, -50%);background:", badge.bgColor, ";font-size:85%;vertical-align:baseline;}&.", k, "-has-text>.", k, "-badge-text{width:auto;height:", badge.textHeight, ";line-height:", badge.textHeight, ";border-radius:calc(", badge.textHeight, " / 2);padding:0 ", badge.textPadding, ";color:", badge.textColor, ";}&.", k, "-alone>.", k, "-badge-text{position:static;transform:none;}");
-}
+});

package/components/breadcrumb/index.vdt.js

@@ -3,7 +3,7 @@ import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/spl
 import { createElementVNode as _$ce, noop as _$no, className as _$cn, createVNode as _$cv } from 'intact-vue-next';
 import { getRestProps, mapChildren } from '../utils';
 import { BreadcrumbItem } from './item';
-import makeStyles from './styles';
+import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;
 

package/components/breadcrumb/styles.d.ts

@@ -1,2 +1,5 @@
 import '../../styles/global';
-export default function makeStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/breadcrumb/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/css';
 import { deepDefaults } from '../../styles/utils';
 import { theme, setDefault } from '../../styles/theme';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   fontSize: '14px',
 
@@ -22,7 +23,8 @@ setDefault(function () {
   breadcrumb = deepDefaults(theme, {
     breadcrumb: defaults
   }).breadcrumb;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export default function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", breadcrumb.fontSize, ";display:flex;align-items:center;.", k, "-breadcrumb-item{&:last-of-type .", k, "-breadcrumb-link{font-weight:", breadcrumb.activeFontWeight, ";color:", breadcrumb.activeColor, ";}}.", k, "-breadcrumb-link,.", k, "-breadcrumb-link a{color:", breadcrumb.color, ";}a.", k, "-breadcrumb-link,.", k, "-breadcrumb-link a{cursor:pointer;&:hover{color:", breadcrumb.hoverColor, ";}}.", k, "-breadcrumb-separator{margin:0 ", breadcrumb.gap, ";}");
-}
+});

package/components/button/styles.d.ts

@@ -83,5 +83,11 @@ declare const defaults: {
 };
 declare let button: typeof defaults;
 export { button };
-export declare function makeButtonStyles(k: string, iconSide?: string): string;
-export declare function makeButtonGroupStyles(k: string): string;
+export declare const makeButtonStyles: {
+    (k: string, iconSide?: string | undefined): string;
+    clearCache(): {};
+};
+export declare const makeButtonGroupStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/button/styles.js

@@ -3,6 +3,7 @@ import { css, cx } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults, palette, getLeft, darken } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 export var types = ['primary', 'warning', 'danger', 'active', 'success'];
 var sizes = ['large', 'small', 'mini'];
 var btnStyles = {
@@ -230,9 +231,11 @@ setDefault(function () {
   button = deepDefaults(theme, {
     button: defaults
   }).button;
+  makeButtonStyles == null ? void 0 : makeButtonStyles.clearCache();
+  makeButtonGroupStyles == null ? void 0 : makeButtonGroupStyles.clearCache();
 });
 export { button };
-export function makeButtonStyles(k, iconSide) {
+export var makeButtonStyles = cache(function makeButtonStyles(k, iconSide) {
   var _button = button,
       secondary = _button.secondary,
       link = _button.link;
@@ -259,8 +262,8 @@ export function makeButtonStyles(k, iconSide) {
   css(".", k, "-icon{", iconSide === 'right' ? "margin-left: " + button.icon.gap + ";" : "margin-right: " + button.icon.gap + ";", ";}", !iconSide && /*#__PURE__*/css("&.", k, "-loading{&:not(.", k, "-btn-icon){padding-left:calc(", getLeft(button.padding), " + 1em);", _mapInstanceProperty(sizes).call(sizes, function (size) {
     return /*#__PURE__*/css("&.", k, "-", size, "{padding-left:calc(", getLeft(button[size].padding), " + 1em);}");
   }), ";.", k, "-icon-loading{margin-left:-1em;}}}"), ";"));
-}
-export function makeButtonGroupStyles(k) {
+});
+export var makeButtonGroupStyles = cache(function makeButtonGroupStyles(k) {
   return /*#__PURE__*/css("display:inline-flex;align-items:center;flex-wrap:wrap;vertical-align:middle;.", k, "-btn{margin:0;vertical-align:middle;&:hover,&:focus,&.", k, "-active{z-index:1;position:relative;}}&.", k, "-fluid{width:100%;}&:not(.", k, "-vertical){>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
     if (type === 'active') return;
     var borderColor = button.group[type].borderColor;
@@ -270,4 +273,4 @@ export function makeButtonGroupStyles(k) {
     var borderColor = button.group[type].borderColor;
     return /*#__PURE__*/css("&.", k, "-", type, ":not(:first-child){border-top-color:", borderColor, ";}&.", k, "-", type, ":not(:last-child){border-bottom-color:", borderColor, ";}");
   }), ";&:not(.", k, "-btn-icon){width:100%;}&:not(:first-child){margin-top:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-top-right-radius:0;}}}&.", k, "-seperate{gap:8px;>.", k, "-btn{border-radius:", button.borderRadius, "!important;}}");
-}
+});

package/components/card/styles.d.ts

@@ -1,2 +1,5 @@
 import '../../styles/global';
-export declare function makeStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/card/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   border: '1px solid #e5e5e5',
   padding: '16px',
@@ -23,7 +24,8 @@ setDefault(function () {
   card = deepDefaults(theme, {
     card: defaults
   }).card;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("border-radius:", card.borderRadius, ";background:", card.bgColor, ";.", k, "-card-header{height:", card.headerHeight, ";line-height:", card.headerHeight, ";padding:0 ", card.padding, ";}.", k, "-card-title{font-size:", card.headerFontSize, ";display:inline-block;}.", k, "-card-extra{float:right;height:100%;display:flex;align-items:center;}.", k, "-card-body{padding:0 ", card.padding, " ", card.padding, ";}&.", k, "-shadow{box-shadow:", card.boxShadow, ";}&.", k, "-none{box-shadow:none;}&.", k, "-border{border:", card.border, ";.", k, "-card-header{border-bottom:", card.border, ";}.", k, "-card-body{padding-top:", card.padding, ";}}&.", k, "-no-header{.", k, "-card-body{padding-top:", card.padding, ";}}&.", k, "-card-grid{.", k, "-card-body{display:flex;padding:0;}&.", k, "-border{.", k, "-card-column:not(:last-of-type){border-right:", card.border, ";}}}.", k, "-card-column{display:flex;align-items:center;padding:", card.padding, ";&.", k, "-fluid{flex:1;}&.", k, "-center{justify-content:center;}}");
-}
+});

package/components/carousel/styles.d.ts

@@ -1,3 +1,9 @@
 import '../../styles/global';
-export declare function makeStyles(k: string): string;
-export declare function makeItemStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};
+export declare const makeItemStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/carousel/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   get transition() {
     return theme.transition.large;
@@ -38,10 +39,12 @@ setDefault(function () {
   carousel = deepDefaults(theme, {
     carousel: defaults
   }).carousel;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeItemStyles == null ? void 0 : makeItemStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("height:", carousel.height, ";position:relative;overflow:hidden;.", k, "-carousel-indicator{position:absolute;left:50%;transform:translateX(-50%);bottom:", carousel.indicator.bottom, ";}.", k, "-carousel-dot{height:", carousel.indicator.height, ";float:left;margin:", carousel.dot.margin, ";cursor:pointer;padding-top:", carousel.dot.paddingTop, ";&:before{content:'';display:block;width:", carousel.dot.width, ";height:", carousel.dot.height, ";background:", carousel.dot.bgColor, ";opacity:", carousel.dot.opacity, ";transition:width ", carousel.transition, ";}&.", k, "-active:before{opacity:", carousel.dot.active.opacity, ";width:", carousel.dot.active.width, ";}}.", k, "-carousel-btn{position:absolute;background:", carousel.arrow.bgColor, "!important;top:50%;transform:translateY(-50%);color:", carousel.arrow.color, ";opacity:", carousel.arrow.opacity, ";&:hover{color:#fff;opacity:", carousel.arrow.hoverOpacity, "!important;background:", carousel.arrow.bgColor, ";}&.", k, "-prev{left:", carousel.arrow.left, ";}&.", k, "-next{right:", carousel.arrow.right, ";}}&.", k, "-hover{.", k, "-carousel-btn{opacity:0;}&:hover{.", k, "-carousel-btn{opacity:", carousel.arrow.opacity, ";}}}&.", k, "-never{.", k, "-carousel-btn{display:none;}}&.", k, "-slide{.", k, "-carousel-wrapper{transition:transform ", carousel.transition, ";white-space:nowrap;}}&.", k, "-stop{.", k, "-carousel-wrapper{transition:none;}}&.", k, "-fade{.", k, "-carousel-item{position:absolute;}}");
-}
-export function makeItemStyles(k) {
+});
+export var makeItemStyles = cache(function makeItemStyles(k) {
   return /*#__PURE__*/css("display:inline-block;width:100%;height:100%;&.", k, "-carousel-fade-enter-active,&.", k, "-carousel-fade-leave-active{transition:opacity ", carousel.transition, ";}&.", k, "-carousel-fade-enter-from,&.", k, "-carousel-fade-leave-to{opacity:0;}");
-}
+});

package/components/cascader/index.vdt.js

@@ -18,7 +18,8 @@ export default function ($props, $blocks, $__proto__) {
       data = _this$get.data,
       trigger = _this$get.trigger,
       filterable = _this$get.filterable,
-      fields = _this$get.fields;
+      fields = _this$get.fields,
+      multiple = _this$get.multiple;
 
   var k = this.config.k;
   var baseMenuStyles = makeMenuStyles(k);
@@ -57,6 +58,7 @@ export default function ($props, $blocks, $__proto__) {
           'disabled': getField(item, 'disabled'),
           'className': _$cn((_$cn2 = {}, _$cn2[k + "-cascader-option"] = true, _$cn2[k + "-active"] = showed, _$cn2[k + "-selected"] = selected, _$cn2)),
           'ev-select': onSelect.bind(null, value, level),
+          'hideOnSelect': !multiple,
           'children': [getField(item, 'label'), children ? _$cc(Icon, {
             'className': _$cn(k + "-cascader-arrow " + k + "-icon-right")
           }) : undefined]

package/components/cascader/styles.d.ts

@@ -1,3 +1,9 @@
 import '../../styles/global';
-export declare function makeMenuStyles(k: string): string;
-export declare function makeFilterMenuStyles(k: string): string;
+export declare const makeMenuStyles: {
+    (k: string): string;
+    clearCache(): {};
+};
+export declare const makeFilterMenuStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/cascader/styles.js

@@ -3,6 +3,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   width: '140px',
   height: '160px',
@@ -41,10 +42,12 @@ setDefault(function () {
   cascader = deepDefaults(theme, {
     cascader: defaults
   }).cascader;
+  makeMenuStyles == null ? void 0 : makeMenuStyles.clearCache();
+  makeFilterMenuStyles == null ? void 0 : makeFilterMenuStyles.clearCache();
 });
-export function makeMenuStyles(k) {
+export var makeMenuStyles = cache(function makeMenuStyles(k) {
   return /*#__PURE__*/css("min-width:", cascader.width, "!important;height:", cascader.height, ";overflow:auto;.", k, "-cascader-arrow{float:right;height:100%;margin-left:", cascader.arrowGap, ";line-height:inherit;}.", k, "-cascader-loading{display:block;text-align:center;margin-top:", cascader.loadingGap, ";}.", k, "-cascader-empty{padding:", cascader.empty.padding, ";color:", cascader.empty.color, ";text-align:center;}.", k, "-cascader-option{&.", k, "-selected{color:", cascader.selectedColor, ";}&.", k, "-active{background:", cascader.activeBgColor, ";}}");
-}
-export function makeFilterMenuStyles(k) {
+});
+export var makeFilterMenuStyles = cache(function makeFilterMenuStyles(k) {
   return /*#__PURE__*/css("min-width:", _filterInstanceProperty(cascader).minWidth, "!important;height:auto;max-height:", _filterInstanceProperty(cascader).maxHeight, ";em{font-style:normal;color:", _filterInstanceProperty(cascader).highlightColor, ";}");
-}
+});

package/components/checkbox/index.vdt.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime-corejs3/helpers/object
 var _excluded = ["className", "disabled", "falseValue", "children", "value", "trueValue", "style", "indeterminate", "title"];
 import { createVNode as _$cv, className as _$cn, createUnknownComponentVNode as _$cc, createElementVNode as _$ce } from 'intact-vue-next';
 import { getRestProps } from '../utils';
-import makeStyles from './styles';
+import { makeStyles } from './styles';
 import { Wave } from '../wave';
 export default function ($props, $blocks, $__proto__) {
   var _classNameObj;

package/components/checkbox/styles.d.ts

@@ -1,2 +1,5 @@
 import '../../styles/global';
-export default function makeStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/checkbox/styles.js

@@ -2,6 +2,7 @@ import { css } from '@emotion/css';
 import { theme, setDefault } from '../../styles/theme';
 import { deepDefaults, palette } from '../../styles/utils';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   width: '16px',
 
@@ -76,7 +77,8 @@ setDefault(function () {
   checkbox = deepDefaults(theme, {
     checkbox: defaults
   }).checkbox;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
 });
-export default function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("display:inline-flex;align-items:center;cursor:pointer;vertical-align:middle;.", k, "-checkbox-wrapper{width:", checkbox.width, ";height:", checkbox.width, ";border:1px solid ", checkbox.borderColor, ";border-radius:", checkbox.borderRadius, ";position:relative;transition:all ", checkbox.transition, ";background:", checkbox.bgColor, ";flex:0 0 auto;&:before{content:\"\";display:block;position:absolute;width:", checkbox.inner.width, ";height:", checkbox.inner.height, ";top:", checkbox.inner.top, ";left:", checkbox.inner.left, ";border:", checkbox.inner.border, ";border-top:0;border-left:0;transform:rotate(45deg) scale(0);transition:all ", checkbox.transition, ";}}&:hover{.", k, "-checkbox-wrapper{border:", checkbox.hoverBorder, ";}}input{width:100%;height:100%;opacity:0;cursor:pointer;position:absolute;left:0;top:0;margin:0;}.", k, "-checkbox-text{margin-left:", checkbox.text.gap, ";flex:0 1 auto;}&.", k, "-checked,&.", k, "-indeterminate{.", k, "-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";background:", checkbox.checked.bgColor, ";}}&.", k, "-indeterminate{.", k, "-checkbox-wrapper{&:before{transform:rotate(90deg) scale(1);border-bottom:0;}}}&.", k, "-checked{.", k, "-checkbox-wrapper{&:before{transform:rotate(45deg) scale(1);}}}&:focus{outline:none;.", k, "-checkbox-wrapper{border-color:", checkbox.checked.borderColor, ";}}&.", k, "-disabled{color:", checkbox.disabled.color, ";cursor:not-allowed;.", k, "-checkbox-wrapper{border-color:", checkbox.disabled.borderColor, ";background:", checkbox.disabled.bgColor, ";&:before{border-color:", checkbox.disabled.innerColor, ";}}input{cursor:not-allowed;}&.", k, "-checked,&.", k, "-indeterminate{.", k, "-checkbox-wrapper{border-color:", checkbox.disabled.checked.borderColor, ";background:", checkbox.disabled.checked.bgColor, ";}}}");
-}
+});

package/components/code/styles.d.ts

@@ -1,2 +1,5 @@
 import '../../styles/global';
-export declare function makeStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/code/styles.js

@@ -2,7 +2,8 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 
 import { css } from '@emotion/css';
 import '../../styles/global';
-export function makeStyles(k) {
+import { cache } from '../utils';
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
     name: "1wv4onu",
     styles: "position:relative;height:100%"
@@ -11,4 +12,4 @@ export function makeStyles(k) {
     styles: "position:relative;height:100%",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   });
-}
+});

package/components/collapse/index.spec.js

@@ -16,7 +16,7 @@ describe('Collapse', function () {
           case 0:
             this.timeout(0);
             _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-            _element$querySelecto = element.querySelectorAll(':scope > .k-collapse-title'), title1 = _element$querySelecto[0], title2 = _element$querySelecto[1], title3 = _element$querySelecto[2];
+            _element$querySelecto = element.querySelectorAll(':scope > .k-collapse-item > .k-collapse-title'), title1 = _element$querySelecto[0], title2 = _element$querySelecto[1], title3 = _element$querySelecto[2];
             title2.click();
             _context.next = 6;
             return wait(500);

package/components/collapse/styles.d.ts

@@ -1,3 +1,9 @@
 import '../../styles/global';
-export declare function makeStyles(k: string): string;
-export declare function makeItemStyles(k: string): string;
+export declare const makeStyles: {
+    (k: string): string;
+    clearCache(): {};
+};
+export declare const makeItemStyles: {
+    (k: string): string;
+    clearCache(): {};
+};

package/components/collapse/styles.js

@@ -2,6 +2,7 @@ import { deepDefaults } from '../../styles/utils';
 import { theme, setDefault } from '../../styles/theme';
 import { css } from '@emotion/css';
 import '../../styles/global';
+import { cache } from '../utils';
 var defaults = {
   get transition() {
     return theme.transition.large;
@@ -26,11 +27,13 @@ setDefault(function () {
   collapse = deepDefaults(theme, {
     collapse: defaults
   }).collapse;
+  makeStyles == null ? void 0 : makeStyles.clearCache();
+  makeItemStyles == null ? void 0 : makeItemStyles.clearCache();
 });
-export function makeStyles(k) {
+export var makeStyles = cache(function makeStyles(k) {
   return /*#__PURE__*/css("font-size:", collapse.fontSize, ";&.", k, "-left{.", k, "-collapse-arrow{float:left;margin-right:", collapse.titleMarginRight, ";}}&.", k, "-border{border-radius:", collapse.borderRadius, ";padding:", collapse.borderPadding, ";border:", collapse.collBorder, ";}");
-}
-export function makeItemStyles(k) {
+});
+export var makeItemStyles = cache(function makeItemStyles(k) {
   var collapseItem = collapse.item;
   return /*#__PURE__*/css("border-bottom:", collapseItem.borderBottom, ";&:last-of-type{border-bottom-color:transparent;}>.", k, "-collapse-title{cursor:pointer;font-weight:bold;height:", collapseItem.titleHeight, ";line-height:", collapseItem.titleHeight, ";transition:color ", collapse.transition, ";.", k, "-collapse-arrow{float:right;transition:transform ", collapse.transition, ";line-height:", collapseItem.titleHeight, ";height:", collapseItem.titleHeight, ";}}&:not(.", k, "-disabled){>.", k, "-collapse-title{&:hover{color:", theme.color.primary, ";}}}&.", k, "-active{>.", k, "-collapse-title .", k, "-collapse-arrow{transform:rotate(90deg);}}&.", k, "-disabled{color:", theme.color.disabledBorder, ";>.", k, "-collapse-title{cursor:not-allowed;}}");
-}
+});