@king-design/react 3.4.3 → 3.4.4

package/__tests__/__snapshots__/React Demos.md

@@ -296,6 +296,12 @@
 "<button class=\"kd-btn kd-default css-7ey7ie\" tabindex=\"0\" type=\"button\">Button</button><div style=\"margin-top: 8px;\"><div class=\"kd-input css-1ah5new\"><div class=\"kd-input-wrapper\"><input class=\"kd-input-inner\"></div></div></div><!-- react-mount-point-unstable -->"
 ```
 
+####   `Config disableWave`
+
+```
+"<button class=\"k-btn k-default css-h31bz\" tabindex=\"0\" type=\"button\">Button</button><div class=\"k-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\"></div></div><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-checkbox-text\">checkbox</span></label><label class=\"k-radio css-zzqsx1\" tabindex=\"0\"><span class=\"k-radio-wrapper\"><input type=\"radio\" tabindex=\"-1\" value=\"true\"></span><span class=\"k-radio-text\">radio</span></label><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><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 k-icon-down css-16qej3\"></i></span></span></div><!--portal-->"
+```
+
 ## `copy`
 
 ####   `Copy basic`
@@ -372,6 +378,26 @@
 "<div><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择年份\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select k-datepicker css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择月份\"></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-icon-calendar css-16qej3\"></i></span></span></div><!--portal--></div>"
 ```
 
+## `descriptions`
+
+####   `Descriptions basic`
+
+```
+"<div><div class=\"k-descriptions css-1t0vgme\"><div class=\"k-descriptions-title\">基础信息</div><div class=\"k-descriptions-content\"><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label1</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试1</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label2</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试测试</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label3</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试3</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label4</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试4</div></div><div class=\"k-description-option\">option</div></div></div></div></div><div class=\"k-descriptions css-85ywe6\"><div class=\"k-descriptions-title\">基础信息</div><div class=\"k-descriptions-content\"><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试1</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试1</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试2</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长</div><!--portal--></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试3</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试3</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试4</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试4</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试5</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试5</div></div></div></div></div></div></div>"
+```
+
+####   `Descriptions custom`
+
+```
+"<div><div class=\"k-descriptions css-85ywe6\"><div class=\"k-descriptions-title\"><span>自定义标题</span><!-- react-mount-point-unstable --><i class=\"k-icon k-icon-question css-16qej3\"></i><!--portal--></div><div class=\"k-descriptions-content\"><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label1</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</div><!--portal--></div><div class=\"k-description-option\"><i class=\"k-icon k-hoverable k-icon-clone k-copy css-t3aops css-16qej3\" title=\"复制\"></i></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label2</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\"><span>自定义label</span><!-- react-mount-point-unstable --><i class=\"k-icon k-icon-question css-16qej3\"></i><!--portal--></div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label4</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\"><span>测试4</span><!-- react-mount-point-unstable --><button class=\"k-btn k-link css-h31bz\" tabindex=\"0\" type=\"button\">分配项目</button></div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label5</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试5</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">label6</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试6</div></div></div></div></div></div></div>"
+```
+
+####   `Descriptions vertical`
+
+```
+"<div><div class=\"k-descriptions k-vertical css-85ywe6\"><div class=\"k-descriptions-title\">基础信息</div><div class=\"k-descriptions-content\"><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试1</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试1</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试2</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试2</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试3</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试3</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试4</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试4</div></div></div></div><div class=\"k-description-item css-qruqir\"><div class=\"k-description-item-label\">测试5</div><div class=\"k-description-centent\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试5</div></div></div></div></div></div></div>"
+```
+
 ## `diagram`
 
 ####   `Diagram basic`
@@ -558,6 +584,12 @@
 "<div><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><!-- react-mount-point-unstable --><a href=\"\">editable text</a><!-- react-mount-point-unstable --></div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable k-disabled css-12kerrq\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><!-- react-mount-point-unstable --><a href=\"\">disabled editable text</a><!-- react-mount-point-unstable --></div></div></div>"
 ```
 
+####   `Editable textarea`
+
+```
+"<div><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><!-- react-mount-point-unstable --><a href=\"\">editable text auto</a><!-- react-mount-point-unstable --></div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><!-- react-mount-point-unstable --><a href=\"\">editable text for 5 rows</a><!-- react-mount-point-unstable --></div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div><br><div class=\"k-editable css-12kerrq\"><div class=\"c-ellipsis\"><i class=\"ion-ios-location\"></i><!-- react-mount-point-unstable --><a href=\"\">editable text for many rows</a><!-- react-mount-point-unstable --></div><i class=\"k-icon k-hoverable k-icon-edit k-editable-icon css-16qej3\"></i><!--portal--></div></div>"
+```
+
 ####   `Editable validate`
 
 ```
@@ -578,6 +610,12 @@
 "<div style=\"width: 200px;\"><div class=\"k-ellipsis css-1o7ph7r\"><div class=\"c-ellipsis css-1hvr061 panel tooltip-class\" style=\"cursor: pointer;\"><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button><i class=\"k-icon ion-heart css-16qej3\"></i><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">测试</button></div><!--portal--></div></div>"
 ```
 
+####   `Ellipsis hoverable`
+
+```
+"<div><div class=\"k-ellipsis css-1jf5h5f\" style=\"width: 50px;\"><div class=\"c-ellipsis k-ellipsis-wrapper\">hoverable</div><!--portal--></div></div>"
+```
+
 ####   `Ellipsis position`
 
 ```
@@ -1195,6 +1233,12 @@
 "<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\"><div class=\"k-input k-fluid k-inline css-l0vdz7\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"请选择\"></div></div></div><span class=\"k-select-suffix\"><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal--></div>"
 ```
 
+####   `Select immutable`
+
+```
+"<div><div class=\"k-select css-1ti24q0\" tabindex=\"0\"><div class=\"k-select-main\"><input type=\"hidden\" value=\"Tuesday,Sunday,Wednesday\"><div class=\"k-select-values\"><div class=\"k-tags css-czb0gm\"><div class=\"k-tag k-none css-1weg519\">星期二</div><div class=\"k-tag k-none k-closable css-1weg519\">星期天<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-tag k-none k-closable css-1weg519\">星期三<i class=\"k-icon k-hoverable k-tag-close ion-ios-close-empty css-16qej3\"></i></div><div class=\"k-input k-auto-width k-inline k-select-input css-wa3w05\"><div class=\"k-input-wrapper\"><input class=\"k-input-inner\" readonly=\"\" placeholder=\"\" style=\"width: px;\"><div class=\"k-input-fake\"><span></span></div></div></div></div></div></div><span class=\"k-select-suffix\"><i class=\"k-icon k-hoverable k-select-clear ion-ios-close k-show css-16qej3\"></i><span class=\"k-select-suffix-icon\"><i class=\"k-icon k-select-arrow k-icon-down css-16qej3\"></i></span></span></div><!--portal-->You selected: [\"Tuesday\",\"Sunday\",\"Wednesday\"]</div>"
+```
+
 ####   `Select inline`
 
 ```
@@ -1462,6 +1506,12 @@
 "<div><div class=\"k-switch k-default css-158h2we\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
 ```
 
+####   `Switch beforeChange`
+
+```
+"<div><div class=\"k-switch k-default css-1kd39ob\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><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-1kd39ob\" tabindex=\"0\"><input type=\"checkbox\" tabindex=\"-1\"><div class=\"k-switch-bar\"><div class=\"k-switch-wrapper\"><div class=\"k-switch-handle\"><img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\"></div></div></div></div></div>"
+```
+
 ####   `Switch disabled`
 
 ```
@@ -1500,6 +1550,12 @@
 "<div><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">增加一行</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">删除一行</button><button class=\"k-btn k-primary css-12pzj9v\" tabindex=\"0\" type=\"button\">增加一列</button><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div><div class=\"k-table css-1kfv5pb\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr data-key=\"Cell 1-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-3\">Cell 1-3</td></tr><tr data-key=\"Cell 2-1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-3\">Cell 2-3</td></tr></tbody></table></div></div></div>"
 ```
 
+####   `Table asyncTree`
+
+```
+"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"Size\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Size</div></div></th></tr></thead><tbody><tr data-key=\"Audios\"><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=\"Audios\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Audios</td><td title=\"12MB\">12MB</td></tr><tr data-key=\"Images\"><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=\"Images\"><button class=\"k-btn k-mini k-none k-btn-icon k-table-arrow k-circle css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-icon-right k-small css-16qej3\"></i></button>Images</td><td title=\"14MB\">14MB</td></tr><tr data-key=\"doc.pdf\"><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=\"doc.pdf\">doc.pdf</td><td title=\"18MB\">18MB</td></tr></tbody></table></div></div>"
+```
+
 ####   `Table basic`
 
 ```
@@ -1530,6 +1586,12 @@
 "<div class=\"k-table k-fix-header css-1kfv5pb\"><div class=\"k-table-wrapper\" style=\"max-height: 300px;\"><table><colgroup><col width=\"40\"><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=\"Name\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Name</div></div></th><th title=\"IP\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">IP</div></div></th><th title=\"Operation\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Operation</div></div></th></tr></thead><tbody><tr data-key=\"name 1\" draggable=\"true\"><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=\"name 1\">name 1</td><td title=\"127.0.0.1\">127.0.0.1</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 2\" draggable=\"true\"><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=\"name 2\">name 2</td><td title=\"127.0.0.2\">127.0.0.2</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 3\" draggable=\"true\"><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=\"name 3\">name 3</td><td title=\"127.0.0.3\">127.0.0.3</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 4\" draggable=\"true\"><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=\"name 4\">name 4</td><td title=\"127.0.0.4\">127.0.0.4</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 5\" draggable=\"true\"><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=\"name 5\">name 5</td><td title=\"127.0.0.5\">127.0.0.5</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 6\" draggable=\"true\"><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=\"name 6\">name 6</td><td title=\"127.0.0.6\">127.0.0.6</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 7\" draggable=\"true\"><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=\"name 7\">name 7</td><td title=\"127.0.0.7\">127.0.0.7</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 8\" draggable=\"true\"><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=\"name 8\">name 8</td><td title=\"127.0.0.8\">127.0.0.8</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 9\" draggable=\"true\"><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=\"name 9\">name 9</td><td title=\"127.0.0.9\">127.0.0.9</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 10\" draggable=\"true\"><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=\"name 10\">name 10</td><td title=\"127.0.0.10\">127.0.0.10</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 11\" draggable=\"true\"><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=\"name 11\">name 11</td><td title=\"127.0.0.11\">127.0.0.11</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 12\" draggable=\"true\"><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=\"name 12\">name 12</td><td title=\"127.0.0.12\">127.0.0.12</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 13\" draggable=\"true\"><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=\"name 13\">name 13</td><td title=\"127.0.0.13\">127.0.0.13</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 14\" draggable=\"true\"><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=\"name 14\">name 14</td><td title=\"127.0.0.14\">127.0.0.14</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 15\" draggable=\"true\"><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=\"name 15\">name 15</td><td title=\"127.0.0.15\">127.0.0.15</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 16\" draggable=\"true\"><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=\"name 16\">name 16</td><td title=\"127.0.0.16\">127.0.0.16</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 17\" draggable=\"true\"><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=\"name 17\">name 17</td><td title=\"127.0.0.17\">127.0.0.17</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 18\" draggable=\"true\"><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=\"name 18\">name 18</td><td title=\"127.0.0.18\">127.0.0.18</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 19\" draggable=\"true\"><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=\"name 19\">name 19</td><td title=\"127.0.0.19\">127.0.0.19</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr><tr data-key=\"name 20\" draggable=\"true\"><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=\"name 20\">name 20</td><td title=\"127.0.0.20\">127.0.0.20</td><td title=\"\"><a>Remove</a><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div>"
 ```
 
+####   `Table ellipsis`
+
+```
+"<div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长测试超长</div><!--portal--></div></td><td title=\"Cell 1-2\">Cell 1-2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"\"><div class=\"k-ellipsis css-1jf5h5f\"><div class=\"c-ellipsis k-ellipsis-wrapper\">Cell 2-1</div></div></td><td title=\"Cell 2-2\">Cell 2-2</td></tr></tbody></table></div></div>"
+```
+
 ####   `Table empty`
 
 ```
@@ -1548,12 +1610,24 @@
 "<div><div class=\"k-table k-scroll-left k-fix-columns css-1kfv5pb\"><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 rowspan=\"1\" class=\"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></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><!-- react-mount-point-unstable --></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><!-- react-mount-point-unstable --></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><!-- react-mount-point-unstable --></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><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div><div class=\"k-table k-fix-header k-scroll-left k-fix-columns k-grid css-1kfv5pb\"><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 rowspan=\"1\" class=\"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></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><!-- react-mount-point-unstable --></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><!-- react-mount-point-unstable --></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><!-- react-mount-point-unstable --></td></tr></tbody></table></div></div></div>"
 ```
 
+####   `Table fixFooter`
+
+```
+"<div class=\"wrapper\"><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><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=\"footer不固定\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">footer不固定</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=\"footer不固定\">footer不固定</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"下拉\">下拉</td></tr><tr data-key=\"2\"><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=\"yeah!\">yeah!</td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"你好\">你好</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"我很好\">我很好</td></tr></tbody><tfoot><tr><td class=\"k-table-footer\" colspan=\"2\"><span>自定义footer</span><!-- react-mount-point-unstable --></td></tr></tfoot></table></div></div><div class=\"k-table k-fix-footer css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><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=\"footer固定\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">footer固定</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=\"footer固定啦\">footer固定啦</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"下拉\">下拉</td></tr><tr data-key=\"2\"><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=\"yeah!\">yeah!</td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"你好\">你好</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"我很好\">我很好</td></tr></tbody><tfoot><tr><td class=\"k-table-footer\" colspan=\"2\"><span>自定义footer</span><!-- react-mount-point-unstable --></td></tr></tfoot></table></div></div><div class=\"k-table k-fix-header k-fix-footer css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><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=\"footer，header同时固定\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">footer，header同时固定</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=\"footer固定啦\">footer固定啦</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"下拉\">下拉</td></tr><tr data-key=\"2\"><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=\"yeah!\">yeah!</td></tr><tr data-key=\"3\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"你好\">你好</td></tr><tr data-key=\"4\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"我很好\">我很好</td></tr></tbody><tfoot><tr><td class=\"k-table-footer\" colspan=\"2\"><span>自定义footer</span><!-- react-mount-point-unstable --></td></tr></tfoot></table></div></div></div>"
+```
+
 ####   `Table fixHeader`
 
 ```
 "<div class=\"wrapper\"><div class=\"k-table k-fix-header css-1kfv5pb\"><div class=\"k-table-wrapper\" style=\"max-height: 100px;\"><table><colgroup><col width=\"40\"><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=\"100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">100px</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"表头固定，但内容没有超出最高高度\">表头固定，但内容没有超出最高高度</td></tr></tbody></table></div></div><div class=\"k-table k-fix-header css-1kfv5pb\"><div class=\"k-table-wrapper\" style=\"max-height: 100px;\"><table><colgroup><col width=\"40\"><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=\"100px\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">100px</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"表头固定啦\">表头固定啦</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"下拉\">下拉</td></tr><tr data-key=\"2\"><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=\"yeah!\">yeah!</td></tr></tbody></table></div></div></div>"
 ```
 
+####   `Table footer`
+
+```
+"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th title=\"Title 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th></tr></thead><tbody><tr data-key=\"0\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 1-1\">Cell 1-1</td><td title=\"Cell 1-2\">Cell 1-2</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td title=\"Cell 2-2\">Cell 2-2</td></tr></tbody><tfoot><tr><td class=\"k-table-footer\" colspan=\"3\"><div class=\"footer\">自定义底部</div><!-- react-mount-point-unstable --></td></tr></tfoot></table></div></div></div>"
+```
+
 ####   `Table group`
 
 ```
@@ -1566,6 +1640,12 @@
 "<div class=\"k-table k-fix-columns k-grid css-1kfv5pb\"><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 rowspan=\"3\" class=\"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></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: 116px;\"><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: 76px;\"><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: 116px;\">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: 76px;\">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: 116px;\">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: 76px;\">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: 116px;\">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: 76px;\">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: 116px;\">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: 76px;\">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: 116px;\">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: 76px;\">Geopraghy</td><td class=\"k-fixed-right\" title=\"English\" style=\"right: 0px;\">English</td></tr></tbody></table></div></div>"
 ```
 
+####   `Table hidden`
+
+```
+"<div><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col class=\"k-hidden\" style=\"width: 300px;\"><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=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th class=\"k-hidden\" title=\"Title 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</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=\"Cell 1-1\">Cell 1-1</td><td class=\"k-hidden\" title=\"Cell 1-2\">Cell 1-2</td><td title=\"cell 1-3\">cell 1-3</td></tr><tr data-key=\"1\"><td class=\"k-table-check\"><label class=\"k-checkbox css-rfvdpj\" tabindex=\"0\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" tabindex=\"-1\" value=\"true\"></span></label></td><td title=\"Cell 2-1\">Cell 2-1</td><td class=\"k-hidden\" title=\"Cell 2-2\">Cell 2-2</td><td title=\"cell 2-3\">cell 2-3</td></tr></tbody></table></div></div><p>无数据展示</p><div class=\"k-table css-m3ad6w\"><div class=\"k-table-wrapper\"><table><colgroup><col width=\"40\"><col><col class=\"k-hidden\"><col></colgroup><thead><tr><th rowspan=\"1\"><label class=\"k-checkbox k-disabled css-rfvdpj\"><span class=\"k-checkbox-wrapper\"><input type=\"checkbox\" disabled=\"\" tabindex=\"-1\" value=\"true\"></span></label></th><th title=\"Title 1\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 1</div></div></th><th class=\"k-hidden\" title=\"Title 2\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 2</div></div></th><th title=\"Title 3\" colspan=\"1\" rowspan=\"1\"><div class=\"k-table-resize\"></div><div class=\"k-table-title\"><div class=\"k-table-title-text c-ellipsis\">Title 3</div></div></th></tr></thead><tbody><tr><td class=\"k-table-empty\" colspan=\"3\">暂无数据</td></tr></tbody></table></div></div></div>"
+```
+
 ####   `Table hideHeader`
 
 ```
@@ -1836,6 +1916,18 @@
 "<div><div class=\"k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">default</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">primary</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">success</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">warning</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">danger</div><button class=\"k-btn k-none k-btn-icon k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-dashed k-closable css-1weg519 k-tip css-fqt0bq\"><div class=\"k-tip-wrapper\">custom closing content</div><button class=\"k-btn k-link k-tip-close css-12pzj9v\" tabindex=\"0\" type=\"button\">No longer show</button></div></div>"
 ```
 
+####   `Tip icon`
+
+```
+"<div><div class=\"k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-information-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">default</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-information-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">primary</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-success-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">success</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-warning k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-warning-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">warning</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-danger k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-information-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">danger</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-success k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-success-fill k-tip-icon css-16qej3\"></i><div class=\"k-tip-content\">这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容，这是一条测试内容。</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><h3>自定义Icon</h3><div class=\"k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper k-with-icon\"><i class=\"k-icon k-icon-internet css-16qej3\"></i><div class=\"k-tip-content\">custom Icon</div></div></div><h3>标题带Icon</h3><div class=\"k-primary k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title k-with-icon\"><i class=\"k-icon k-icon-information-fill k-tip-icon css-16qej3\"></i><span class=\"k-title-content\">这是标题</span></div><div class=\"k-tip-content\">This is a tip.</div></div></div><h3>标题自定义Icon</h3><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-title k-with-icon\"><i class=\"k-icon k-icon-internet css-16qej3\"></i><span class=\"k-title-content\">这是标题</span></div><div class=\"k-tip-content\">This is a tip.</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div></div>"
+```
+
+####   `Tip size`
+
+```
+"<div><div class=\"k-primary k-large k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">large</div></div></div><div class=\"k-primary k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">default</div></div></div><div class=\"k-primary k-small k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">small</div></div></div><div class=\"k-primary k-mini k-none css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">mini</div></div></div><h3>带关闭按钮</h3><div class=\"k-primary k-large k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">large</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">default</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-small k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">small</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div><div class=\"k-primary k-mini k-none k-closable css-1weg519 k-tip css-a7sub3\"><div class=\"k-tip-wrapper\"><div class=\"k-tip-content\">mini</div></div><button class=\"k-btn k-none k-btn-icon k-tip-close css-h31bz\" tabindex=\"0\" type=\"button\"><i class=\"k-icon k-hoverable k-icon-close css-16qej3\"></i></button></div></div>"
+```
+
 ####   `Tip title`
 
 ```

package/components/button/group.d.ts

@@ -5,6 +5,7 @@ export interface ButtonGroupProps {
     checkType?: 'none' | 'radio' | 'checkbox';
     fluid?: boolean;
     seperate?: boolean;
+    separate?: boolean;
     btnWidth?: number | string;
 }
 export declare class ButtonGroup extends Component<ButtonGroupProps> {

package/components/button/group.js

@@ -11,6 +11,7 @@ var typeDefs = {
   fluid: Boolean,
   checkType: ['none', 'radio', 'checkbox'],
   seperate: Boolean,
+  separate: Boolean,
   btnWidth: [Number, String]
 };
 var defaults = function defaults() {
@@ -33,6 +34,9 @@ export var ButtonGroup = /*#__PURE__*/function (_Component) {
   var _proto = ButtonGroup.prototype;
   _proto.init = function init() {
     provide(BUTTON_GROUP, this);
+    if (typeof this.get().seperate === 'boolean') {
+      console.warn("`seperate` is a typo which will be removed in next version, please using `separate` instead");
+    }
   };
   _proto.setValue = function setValue(v) {
     var _this$get = this.get(),

package/components/button/group.vdt.js

@@ -12,9 +12,10 @@ export default function ($props, $blocks, $__proto__) {
     vertical = _this$get.vertical,
     children = _this$get.children,
     fluid = _this$get.fluid,
-    seperate = _this$get.seperate;
+    seperate = _this$get.seperate,
+    separate = _this$get.separate;
   var k = this.config.k;
-  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-btns"] = true, _classNameObj[k + "-vertical"] = vertical, _classNameObj[k + "-fluid"] = fluid, _classNameObj[k + "-seperate"] = seperate, _classNameObj[className] = className, _classNameObj[makeButtonGroupStyles(k)] = true, _classNameObj);
+  var classNameObj = (_classNameObj = {}, _classNameObj[k + "-btns"] = true, _classNameObj[k + "-vertical"] = vertical, _classNameObj[k + "-fluid"] = fluid, _classNameObj[k + "-separate"] = typeof separate === 'boolean' ? separate : separate, _classNameObj[className] = className, _classNameObj[makeButtonGroupStyles(k)] = true, _classNameObj);
   return _$cv('div', _extends({
     'className': _$cn(classNameObj)
   }, getRestProps(this)), children);

package/components/button/styles.js

@@ -219,13 +219,13 @@ export var makeButtonStyles = cache(function makeButtonStyles(k, iconSide, color
   }), ";.", k, "-icon-loading{margin-left:-1em;}}}"), ";"));
 });
 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):not(.", k, "-seperate){>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
+  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):not(.", k, "-separate){>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
     if (type === 'active') return;
     var borderColor = button.group[type].borderColor;
     return /*#__PURE__*/css("&.", k, "-", type, ":not(:first-child){border-left-color:", borderColor, ";}&.", k, "-", type, ":not(:last-child){border-right-color:", borderColor, ";}");
-  }), ";&:not(:first-child){margin-left:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-bottom-left-radius:0;}}&.", k, "-fluid{display:flex;>.", k, "-btn{flex:1;}}}&.", k, "-vertical:not(.", k, "-seperate){flex-direction:column;>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
+  }), ";&:not(:first-child){margin-left:-1px;&:not(:last-child){border-radius:0;}}&:not(:only-child):first-child{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:only-child):last-child{border-top-left-radius:0;border-bottom-left-radius:0;}}&.", k, "-fluid{display:flex;>.", k, "-btn{flex:1;}}}&.", k, "-vertical:not(.", k, "-separate){flex-direction:column;>.", k, "-btn{", _mapInstanceProperty(types).call(types, function (type) {
     if (type === 'active') return;
     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;}");
+  }), ";&: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, "-separate{gap:8px;}");
 });

package/components/table/cell.d.ts

@@ -16,6 +16,7 @@ export interface TableCellProps {
     onClickArrow: (e: MouseEvent) => void;
     hasChildren: boolean;
     loaded: boolean;
+    spreadArrowIndex: number;
 }
 export declare class TableCell extends Component<TableCellProps> {
     static template: string | import('intact-react').Template<any>;

package/components/table/cell.vdt.js

@@ -23,10 +23,12 @@ export default function ($props, $blocks, $__proto__) {
     rowspan = _this$get.rowspan,
     onClickArrow = _this$get.onClickArrow,
     hasChildren = _this$get.hasChildren,
-    loaded = _this$get.loaded;
+    loaded = _this$get.loaded,
+    spreadArrowIndex = _this$get.spreadArrowIndex;
   var k = this.config.k;
   var blocks = props.$blocks;
   var children = get(data, props.key);
+  var isTree = !spreadArrowIndex ? columnIndex === 0 : columnIndex === spreadArrowIndex;
   if (blocks) {
     var template = blocks.template || blocks.default;
     if (template) {
@@ -41,12 +43,12 @@ export default function ($props, $blocks, $__proto__) {
   var _getClassAndStyleForF = getClassAndStyleForFixed(props, offset, k, checkType),
     className = _getClassAndStyleForF.className,
     style = _getClassAndStyleForF.style;
-  if (columnIndex === 0 && indent) {
+  if (isTree && indent) {
     style || (style = {});
     style.paddingLeft = indent + "px";
   }
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-hidden"] = props.hidden, _classNameObj[className] = className, _classNameObj);
-  return _$ce(2, 'td', [columnIndex === 0 && hasChildren ? _$cc(Button, {
+  return _$ce(2, 'td', [hasChildren && isTree ? _$cc(Button, {
     'type': 'none',
     'icon': true,
     'circle': true,

package/components/table/column.vdt.js

@@ -1,6 +1,7 @@
 import _sortInstanceProperty from "@babel/runtime-corejs3/core-js/instance/sort";
 import { createUnknownComponentVNode as _$cc, createElementVNode as _$ce, className as _$cn, noop as _$no, extend as _$ex, EMPTY_OBJ as _$em, map as _$ma } from 'intact-react';
 import { getClassAndStyleForFixed } from './useFixedColumns';
+import { getStyleForLastColumn } from './useColumns';
 import { Dropdown, DropdownMenu, DropdownItem } from '../dropdown';
 import { Button } from '../button';
 import { Icon } from '../icon';
@@ -13,7 +14,7 @@ import { linkEvent } from 'intact-react';
 import { context as TableContext } from './useColumns';
 import { context as ResizableContext } from './useResizable';
 import { context as FixedColumnsContext } from './useFixedColumns';
-import { stopPropagation } from '../utils';
+import { stopPropagation, addStyle } from '../utils';
 import { Input } from '../input';
 import { _$ } from '../../i18n';
 import { ignoreSortable } from './useSortable';
@@ -49,19 +50,22 @@ export default function ($props, $blocks, $__proto__) {
     checkAll = _this$group.checkAll;
   var k = this.config.k;
   return _$cc(TableContext.Consumer, {
-    'children': function children(checkType) {
+    'children': function children(_ref) {
+      var checkType = _ref.checkType,
+        lastCellKey = _ref.lastCellKey,
+        lastCellStyle = _ref.lastCellStyle;
       return _$cc(GroupContext.Consumer, {
-        'children': function children(_ref) {
-          var currentGroup = _ref.group,
-            onChange = _ref.onChange;
+        'children': function children(_ref2) {
+          var currentGroup = _ref2.group,
+            onChange = _ref2.onChange;
           return _$cc(SortableContext.Consumer, {
-            'children': function children(_ref2) {
-              var sort = _sortInstanceProperty(_ref2),
-                onChangeSort = _ref2.onChange;
+            'children': function children(_ref3) {
+              var sort = _sortInstanceProperty(_ref3),
+                onChangeSort = _ref3.onChange;
               return _$cc(ResizableContext.Consumer, {
-                'children': function children(_ref3) {
-                  var resizable = _ref3.resizable,
-                    onStart = _ref3.onStart;
+                'children': function children(_ref4) {
+                  var resizable = _ref4.resizable,
+                    onStart = _ref4.onStart;
                   return _$cc(FixedColumnsContext.Consumer, {
                     'children': function children(offsetMap) {
                       var _classNameObj, _$cn2, _$cn4;
@@ -168,7 +172,7 @@ export default function ($props, $blocks, $__proto__) {
                         'className': _$cn(k + "-icon-down-bold " + k + "-desc"),
                         'size': 'mini'
                       })], 4, _$cn((_$cn4 = {}, _$cn4[k + "-column-sort"] = true, _$cn4[k + "-" + type] = type, _$cn4))) : undefined], 0, _$cn(k + "-table-title"))], 0, _$cn(classNameObj), {
-                        'style': style,
+                        'style': key === lastCellKey ? addStyle(style, lastCellStyle) : style,
                         'title': isStringOrNumber(title) ? title : null,
                         'ev-click': sortable ? linkEvent(key, onChangeSort) : null,
                         'colspan': cols,

package/components/table/row.d.ts

@@ -24,6 +24,7 @@ export interface TableRowProps {
     onBeforeUnmount: (key: TableRowKey) => void;
     offsetMap: Record<Key, number>;
     animation: boolean;
+    spreadArrowIndex: number;
     loaded: boolean;
     draggable: boolean;
     draggingKey: TableRowKey | null;

package/components/table/row.vdt.js

@@ -34,7 +34,8 @@ export default function ($props, $blocks, $__proto__) {
     draggable = _this$get.draggable,
     draggingKey = _this$get.draggingKey,
     animation = _this$get.animation,
-    loaded = _this$get.loaded;
+    loaded = _this$get.loaded,
+    spreadArrowIndex = _this$get.spreadArrowIndex;
   var k = this.config.k;
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-disabled"] = disabled, _classNameObj[k + "-checked"] = checked, _classNameObj[k + "-selected"] = selected, _classNameObj[k + "-spreaded"] = spreaded, _classNameObj[k + "-dragging"] = draggingKey === key, _classNameObj[className] = className, _classNameObj);
   var getGridItem = function getGridItem(columnIndex) {
@@ -92,7 +93,8 @@ export default function ($props, $blocks, $__proto__) {
       'rowspan': spans ? spans.rowspan : undefined,
       'onClickArrow': _this.onClickArrow,
       'hasChildren': hasChildren,
-      'key': columnKey
+      'key': columnKey,
+      'spreadArrowIndex': spreadArrowIndex
     }, columnKey));
   });
   var rows = animation ? _$cc(TransitionGroup, {

package/components/table/styles.d.ts

@@ -1,4 +1,53 @@
 import '../../styles/global';
+declare const defaults: {
+    readonly transition: string;
+    border: string;
+    readonly borderRadius: string;
+    fontSize: string;
+    bgColor: string;
+    readonly color: string;
+    fixLeftShadow: string;
+    fixRightShadow: string;
+    thead: {
+        readonly bgColor: string;
+        readonly color: string;
+        padding: string;
+        fontSize: string;
+        fontWeight: string;
+        textAlign: string;
+        height: string;
+        delimiterHeight: string;
+        delimiterColor: string;
+    };
+    tbody: {
+        readonly hoverBgcolor: string;
+        padding: string;
+    };
+    stripeBgColor: string;
+    group: {
+        gap: string;
+        menuMaxHeight: string;
+        menuMinWidth: string;
+        readonly activeColor: string;
+        headerPadding: string;
+        readonly headerBorder: string;
+    };
+    sort: {
+        iconHeight: string;
+        gap: string;
+        readonly enabledColor: string;
+    };
+    expandBgColor: string;
+    readonly selectedBgColor: string;
+    arrow: {
+        gap: string;
+        width: string;
+    };
+    resizeWidth: string;
+    draggingOpacity: string;
+};
+declare let table: typeof defaults;
+export { table };
 export declare const makeStyles: {
     (k: string): string;
     clearCache(): {};

package/components/table/styles.js

@@ -89,8 +89,9 @@ setDefault(function () {
   makeStyles == null || makeStyles.clearCache();
   makeGroupMenuStyles == null || makeGroupMenuStyles.clearCache();
 });
+export { table };
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}tfoot{z-index:2;tr{td{border-top:", table.border, ";}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&.", k, "-fixed-right:before{left:-2px;}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-hidden{display:none;}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
+  return /*#__PURE__*/css("font-size:", table.fontSize, ";color:", table.color, ";position:relative;z-index:0;.", k, "-table-wrapper{border-bottom:", table.border, ";overflow:auto;border-radius:", table.borderRadius, ";}table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;}thead{text-align:", table.thead.textAlign, ";font-size:", table.thead.fontSize, ";font-weight:", table.thead.fontWeight, ";z-index:2;tr{height:", table.thead.height, ";&:not(:last-of-type) th{border-bottom:", table.border, ";}}}tfoot{z-index:2;tr{td{border-top:", table.border, ";border-bottom-color:transparent;}}}th{padding:", table.thead.padding, ";position:relative;background:", table.thead.bgColor, ";line-height:normal;&:before{content:'';height:", table.thead.delimiterHeight, ";position:absolute;background-color:", table.thead.delimiterColor, ";width:1px;left:1px;top:50%;transform:translateY(-50%);}&.", k, "-fixed-right:before{left:-2px;}&:first-of-type:before{display:none;}}.", k, "-table-title{display:inline-flex;align-items:center;max-width:100%;color:", table.thead.color, ";}.", k, "-table-title-text{flex:1;display:inline-flex;line-height:1.4;}tbody{tr{&:hover td{background:", table.tbody.hoverBgcolor, ";}&:last-of-type td{border-bottom-color:transparent;}}}td{padding:", table.tbody.padding, ";border-bottom:", table.border, ";background:", table.bgColor, ";word-wrap:break-word;}.", k, "-fixed-left,.", k, "-fixed-right{position:sticky;z-index:1;&:after{content:'';display:block;transition:box-shadow ", table.transition, ";position:absolute;top:0;bottom:0px;width:10px;pointer-events:none;}}.", k, "-fixed-left:after{right:-11px;}.", k, "-fixed-right:after{left:-11px;}&.", k, "-scroll-left .", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}&.", k, "-scroll-right .", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}&.", k, "-scroll-middle{.", k, "-fixed-left:after{box-shadow:", table.fixLeftShadow, ";}.", k, "-fixed-right:after{box-shadow:", table.fixRightShadow, ";}}.", k, "-fixed-right+.", k, "-fixed-right:after{display:none;}.", k, "-table-affix-header{position:sticky;top:0;left:0;.", k, "-affix-wrapper{overflow:hidden;}&.", k, "-fixed{position:relative;}}&.", k, "-border,&.", k, "-grid{.", k, "-table-wrapper{border-top:", table.border, ";border-left:", table.border, ";border-right:", table.border, ";}}&.", k, "-grid{td:not(:last-of-type),th:not(:last-of-type){border-right:", table.border, ";}th:before{display:none;}}&.", k, "-stripe{tr:nth-child(even):not(:hover) td{background:", table.stripeBgColor, ";}}.", k, "-table-group{margin-left:", table.group.gap, ";}.", k, "-table-check{.", k, "-checkbox,.", k, "-radio{position:relative;top:-1px;}}.", k, "-column-sortable{cursor:pointer;}.", k, "-column-sort{.", k, "-icon{display:block;height:", _sortInstanceProperty(table).iconHeight, ";line-height:", _sortInstanceProperty(table).iconHeight, ";margin:0 0 1px ", _sortInstanceProperty(table).gap, ";}&.", k, "-desc .", k, "-icon.", k, "-desc,&.", k, "-asc .", k, "-icon.", k, "-asc{color:", _sortInstanceProperty(table).enabledColor, ";}}.", k, "-table-spin.", k, "-overlay{z-index:2;}.", k, "-table-empty{text-align:center;}tr.", k, "-expand{td{padding:0;background:#fdfcff;}}&.", k, "-with-expand{tr:not(.", k, "-expand){td{border-bottom:none;}}}.", k, "-table-expand{border-top:", table.border, ";box-sizing:content-box;}tbody tr.", k, "-selected td{background:", table.selectedBgColor, ";}.", k, "-hidden{display:none;}.", k, "-table-arrow{width:", table.arrow.width, "!important;margin-right:", table.arrow.gap, ";transition:transform ", table.transition, ";position:relative;top:-1px;}tr.", k, "-spreaded{.", k, "-table-arrow{transform:rotate(90deg);}}.", k, "-table-resize{height:100%;width:", table.resizeWidth, ";position:absolute;top:0;left:-1px;cursor:ew-resize;}tr.", k, "-dragging{opacity:", table.draggingOpacity, ";}.", k, "-table-scrollbar{overflow-x:auto;overflow-y:hidden;}.", k, "-table-scrollbar-inner{height:1px;}", _mapInstanceProperty(aligns).call(aligns, function (type) {
     return /*#__PURE__*/css(".", k, "-align-", type, "{text-align:", type, ";}");
   }), ">.", k, "-pagination{margin:16px 0;}&.", k, "-fix-header{min-height:0;.", k, "-table-wrapper{height:100%;}thead{position:sticky;top:0;}}&.", k, "-fix-footer{min-height:0;.", k, "-table-wrapper{height:100%;}tfoot{position:sticky;bottom:0;}}");
 });

package/components/table/table.d.ts

@@ -39,6 +39,7 @@ export interface TableProps<T = any, K extends TableRowKey = TableRowKey, C exte
     hideHeader?: boolean;
     pagination?: boolean | PaginationProps;
     fixFooter?: boolean;
+    spreadArrowIndex?: number;
     load?: (value: T) => Promise<void> | void;
 }
 export interface TableEvents<T = any, K extends TableRowKey = number> {

package/components/table/table.js

@@ -63,6 +63,7 @@ var typeDefs = {
   hideHeader: Boolean,
   pagination: [Boolean, Object],
   fixFooter: Boolean,
+  spreadArrowIndex: Number,
   load: Function
 };
 var defaults = function defaults() {

package/components/table/table.vdt.js

@@ -55,13 +55,17 @@ export default function ($props, $blocks, $__proto__) {
     _animation = _this$get.animation,
     hideHeader = _this$get.hideHeader,
     pagination = _this$get.pagination,
-    fixFooter = _this$get.fixFooter;
+    fixFooter = _this$get.fixFooter,
+    spreadArrowIndex = _this$get.spreadArrowIndex;
   var animation = !Array.isArray(_animation) ? [_animation, _animation] : _animation;
   var _this$columns$getData = this.columns.getData(),
     columns = _this$columns$getData.columns,
     cols = _this$columns$getData.cols,
     maxRows = _this$columns$getData.maxRows,
     maxCols = _this$columns$getData.maxCols;
+  var _this$columns$getStyl = this.columns.getStyleForLastColumn(),
+    lastCellKey = _this$columns$getStyl.lastCellKey,
+    lastCellStyle = _this$columns$getStyl.lastCellStyle;
   var _this$fixedColumns = this.fixedColumns,
     scrollPosition = _this$fixedColumns.scrollPosition,
     hasFixed = _this$fixedColumns.hasFixed,
@@ -101,7 +105,11 @@ export default function ($props, $blocks, $__proto__) {
     onChangeChecked = _this$checked.onChangeChecked;
   var allCheckedStatus = getAllCheckedStatus();
   var thead = hideHeader ? null : _$cc(TableContext.Provider, {
-    'value': checkType,
+    'value': {
+      checkType: checkType,
+      lastCellKey: lastCellKey,
+      lastCellStyle: lastCellStyle
+    },
     'children': _$cc(GroupContext.Provider, {
       'value': {
         group: group,
@@ -205,6 +213,7 @@ export default function ($props, $blocks, $__proto__) {
         'onBeforeUnmount': _this.resetRowStatus.onRowBeforeUnmount,
         'offsetMap': offsetMap.value,
         'animation': animation[1],
+        'spreadArrowIndex': spreadArrowIndex,
         'draggable': draggable,
         'draggingKey': draggingKey.value,
         'onRowDragStart': onRowDragStart,

package/components/table/useColumns.d.ts

@@ -14,4 +14,13 @@ export declare function useColumns(): {
         maxRows: number;
         maxCols: number;
     };
+    getStyleForLastColumn: () => {
+        lastCellKey: null;
+        lastCellStyle: null;
+    } | {
+        lastCellKey: import('intact-react').Key | null;
+        lastCellStyle: {
+            'border-right': string;
+        };
+    };
 };

package/components/table/useColumns.js

@@ -3,6 +3,7 @@ import { useInstance, directClone } from 'intact-react';
 import { eachChildren, isComponentVNode } from '../utils';
 import { TableColumn } from './column';
 import { createContext } from '../context';
+import { table as theme } from './styles';
 export var context = createContext();
 export function useColumns() {
   var instance = useInstance();
@@ -89,9 +90,36 @@ export function useColumns() {
       maxCols: maxCols
     };
   }
+  function getStyleForLastColumn() {
+    if (instance.get('type') !== 'grid' || !columns.length || !cols.length) {
+      return {
+        lastCellKey: null,
+        lastCellStyle: null
+      };
+    }
+    var lastRow = columns[columns.length - 1];
+    var lastTrItem = lastRow[lastRow.length - 1];
+    var lastCol = cols[cols.length - 1];
+    if (!lastTrItem || !lastCol) {
+      return {
+        lastCellKey: null,
+        lastCellStyle: null
+      };
+    }
+    return lastCol.key === lastTrItem.key ? {
+      lastCellKey: null,
+      lastCellStyle: null
+    } : {
+      lastCellKey: lastTrItem.key,
+      lastCellStyle: {
+        'border-right': "" + theme.border
+      }
+    };
+  }
   return {
     getColumns: getColumns,
     getCols: getCols,
-    getData: getData
+    getData: getData,
+    getStyleForLastColumn: getStyleForLastColumn
   };
 }

package/components/tip/index.d.ts

@@ -1,12 +1,17 @@
+import { TypeDefs } from 'intact-react';
 import { Tag, TagProps, TagEvents, TagBlocks } from '../tag/base';
 export interface TipProps extends TagProps {
+    showIcon?: boolean;
 }
 export interface TipEvents extends TagEvents {
 }
 export interface TipBlocks extends TagBlocks {
     title: null;
     close: null;
+    icon: null;
 }
 export declare class Tip extends Tag<TipProps, TipEvents, TipBlocks> {
-    static template: string | import("vdt").Template<any>;
+    static template: string | import('intact-react').Template<any>;
+    static typeDefs: Required<TypeDefs<TipProps>>;
+    static defaults: () => Partial<TipProps>;
 }

package/components/tip/index.js

@@ -1,6 +1,15 @@
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
 import template from './index.vdt';
 import { Tag } from '../tag/base';
+var typeDefs = _extends({}, Tag.typeDefs, {
+  showIcon: Boolean
+});
+var defaults = function defaults() {
+  return _extends({}, Tag.defaults(), {
+    showIcon: false
+  });
+};
 export var Tip = /*#__PURE__*/function (_Tag) {
   _inheritsLoose(Tip, _Tag);
   function Tip() {
@@ -8,4 +17,6 @@ export var Tip = /*#__PURE__*/function (_Tag) {
   }
   return Tip;
 }(Tag);
-Tip.template = template;
+Tip.template = template;
+Tip.typeDefs = typeDefs;
+Tip.defaults = defaults;

package/components/tip/index.vdt.js

@@ -1,9 +1,9 @@
-import { superCall as _$su, className as _$cn, extend as _$ex, EMPTY_OBJ as _$em, createElementVNode as _$ce, noop as _$no, createUnknownComponentVNode as _$cc } from 'intact-react';
+import { createUnknownComponentVNode as _$cc, className as _$cn, noop as _$no, superCall as _$su, extend as _$ex, EMPTY_OBJ as _$em, createElementVNode as _$ce } from 'intact-react';
 import { Button } from '../button';
 import { Icon } from '../icon';
 import { makeStyles } from './styles';
 export default function ($props, $blocks, $__proto__) {
-  var _classNameObj;
+  var _classNameObj, _$cn2;
   $blocks || ($blocks = {});
   $props || ($props = {});
   var $this = this;
@@ -13,9 +13,28 @@ export default function ($props, $blocks, $__proto__) {
     children = _this$get.children,
     closable = _this$get.closable,
     type = _this$get.type,
-    disabled = _this$get.disabled;
+    disabled = _this$get.disabled,
+    showIcon = _this$get.showIcon;
   var k = this.config.k;
+  var iconMap = {
+    default: 'information-fill',
+    info: 'information-fill',
+    warning: 'warning-fill',
+    success: 'success-fill',
+    error: 'error-fill'
+  };
   var classNameObj = (_classNameObj = {}, _classNameObj[k + "-tip"] = true, _classNameObj[makeStyles(k)] = true, _classNameObj);
+  var iconWrapper = !$blocks.icon ? _$cc(Icon, {
+    'className': _$cn((_$cn2 = {}, _$cn2[k + "-icon-" + (iconMap[type] || iconMap.info)] = true, _$cn2[k + "-tip-icon"] = true, _$cn2))
+  }) : (_$blocks['icon'] = function ($super) {
+    return null;
+  }, __$blocks['icon'] = function ($super, data) {
+    var block = $blocks['icon'];
+    var callBlock = function callBlock() {
+      return _$blocks['icon'].call($this, $super, data);
+    };
+    return block ? block.call($this, callBlock, data) : callBlock();
+  }, __$blocks['icon'](_$no));
   return _$su.call($this, {
     'className': _$cn(classNameObj),
     'name': 'k-fade'
@@ -23,7 +42,8 @@ export default function ($props, $blocks, $__proto__) {
     var _$blocks = {},
       __$blocks = _$ex({}, $blocks);
     return (_$blocks['body'] = function ($super) {
-      return _$ce(2, 'div', [$blocks.title ? _$ce(2, 'div', (_$blocks['title'] = function ($super) {
+      var _$cn3, _$cn4;
+      return _$ce(2, 'div', [!$blocks.title && (showIcon || $blocks.icon) ? iconWrapper : undefined, $blocks.title ? _$ce(2, 'div', [showIcon ? iconWrapper : undefined, _$ce(2, 'span', (_$blocks['title'] = function ($super) {
         return null;
       }, __$blocks['title'] = function ($super, data) {
         var block = $blocks['title'];
@@ -31,7 +51,7 @@ export default function ($props, $blocks, $__proto__) {
           return _$blocks['title'].call($this, $super, data);
         };
         return block ? block.call($this, callBlock, data) : callBlock();
-      }, __$blocks['title'](_$no)), 0, _$cn(k + "-tip-title")) : undefined, children], 0, _$cn(k + "-tip-wrapper"));
+      }, __$blocks['title'](_$no)), 0, _$cn(k + "-title-content"))], 0, _$cn((_$cn3 = {}, _$cn3[k + "-tip-title"] = true, _$cn3[k + "-with-icon"] = showIcon, _$cn3))) : undefined, _$ce(2, 'div', children, 0, _$cn(k + "-tip-content"))], 0, _$cn((_$cn4 = {}, _$cn4[k + "-tip-wrapper"] = true, _$cn4[k + "-with-icon"] = !$blocks.title && (showIcon || $blocks.icon), _$cn4)));
     }, __$blocks['body'] = function ($super, data) {
       var block = $blocks['body'];
       var callBlock = function callBlock() {

package/components/tip/styles.js

@@ -1,7 +1,8 @@
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import { theme, setDefault } from '../../styles/theme';
 import { css } from '@emotion/css';
 import '../../styles/global';
-import { deepDefaults } from '../../styles/utils';
+import { deepDefaults, sizes } from '../../styles/utils';
 import { cache } from '../utils';
 var defaults = {
   title: {
@@ -14,6 +15,39 @@ var defaults = {
   },
   get padding() {
     return "6px " + theme.default.padding;
+  },
+  content: {
+    padding: '7px 33px 8px 8px'
+  },
+  icon: {
+    fontSize: "18px",
+    left: "16px",
+    top: "6px"
+  },
+  large: {
+    padding: "12px",
+    get fontSize() {
+      return theme.default.fontSize;
+    },
+    close: {
+      height: '42px'
+    }
+  },
+  small: {
+    padding: "4px 12px",
+    get fontSize() {
+      return theme.small.fontSize;
+    },
+    close: {
+      height: '26px'
+    }
+  },
+  mini: {
+    padding: "2px 12px",
+    fontSize: '11px',
+    close: {
+      height: '20px'
+    }
   }
 };
 var tip;
@@ -24,5 +58,13 @@ setDefault(function () {
   makeStyles == null || makeStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("&.", k, "-tip{display:flex;height:auto;padding:0;color:", tip.color, "!important;align-items:flex-start;}.", k, "-tip-wrapper{flex:1;padding:", tip.padding, ";}.", k, "-tip-title{font-size:", tip.title.fontSize, ";margin-bottom:", tip.title.gap, ";font-weight:", tip.title.fontWeight, ";}&.", k, "-fade-leave-active{position:relative;}.", k, "-tip-close:hover{background:none;}");
+  var _context;
+  return /*#__PURE__*/css("&.", k, "-tip{display:flex;height:auto;padding:0;color:", tip.color, "!important;align-items:flex-start;", _mapInstanceProperty(sizes).call(sizes, function (s) {
+    if (s === 'default') return;
+    var styles = tip[s];
+    return /*#__PURE__*/css("&.", k, "-", s, "{padding:0;height:auto;font-size:", styles.fontSize, ";.", k, "-tip-wrapper{padding:", styles.padding, ";}.", k, "-tip-close{height:", styles.close.height, ";}}");
+  }), ";}.", k, "-tip-wrapper{flex:1;padding:", tip.padding, ";}.", k, "-tip-title{font-size:", tip.title.fontSize, ";margin-bottom:", tip.title.gap, ";font-weight:", tip.title.fontWeight, " display:flex;align-items:center;}&.", k, "-fade-leave-active{position:relative;}.", k, "-tip-close{height:30px;&:hover{background:none;}}.", k, "-with-icon{display:flex;.", k, "-tip-icon{font-size:18px;vertical-align:middle;}.", k, "-title-content{display:inline-block;padding-left:8px;}.", k, "-tip-content{display:inline-block;padding-left:8px;vertical-align:middle;word-break:break-word;overflow-wrap:break-word;}}", _mapInstanceProperty(_context = ['primary', 'danger', 'success', 'warning']).call(_context, function (type) {
+    var color = theme.color[type];
+    return /*#__PURE__*/css("&.", k, "-", type, "{.", k, "-tip-icon{color:", color, ";}}");
+  }), ";");
 });

package/components/tooltip/tooltip.js

@@ -54,7 +54,11 @@ export var Tooltip = /*#__PURE__*/function (_Dropdown) {
     if (shouldFocus === void 0) {
       shouldFocus = false;
     }
-    if (this.get('disabled')) return;
+    var _this$get = this.get(),
+      disabled = _this$get.disabled,
+      always = _this$get.always,
+      value = _this$get.value;
+    if (disabled || always && !value) return;
     clearTimeout(this.timer);
     this.set('value', true);
   };

package/components/transfer/index.vdt.js

@@ -128,8 +128,7 @@ export default function ($props, $blocks, $__proto__) {
     'icon': true,
     'disabled': !enableRemove(),
     'ev-click': remove,
-    'type': 'primary',
-    'size': 'large',
+    'type': 'secondary',
     'children': _$cc(Icon, {
       'className': _$cn(k + "-transfer-icon " + k + "-icon-left")
     })
@@ -138,8 +137,7 @@ export default function ($props, $blocks, $__proto__) {
     'icon': true,
     'disabled': !enableAdd(),
     'ev-click': add,
-    'type': 'primary',
-    'size': 'large',
+    'type': 'secondary',
     'children': _$cc(Icon, {
       'className': _$cn(k + "-transfer-icon " + k + "-icon-right")
     })

package/components/upload/index.vdt.js

@@ -3,6 +3,7 @@ import { createVNode as _$cv, className as _$cn, noop as _$no, createUnknownComp
 import { Button } from '../button';
 import { Progress } from '../progress';
 import { Dialog } from '../dialog';
+import { Ellipsis } from '../ellipsis';
 import { expandAnimationCallbacks, getRestProps } from '../utils';
 import { makeStyles, makeUploadDialogStyles } from './styles';
 import { TransitionGroup, Transition, linkEvent } from 'intact-react';
@@ -128,7 +129,9 @@ export default function ($props, $blocks, $__proto__) {
       var _$cn3;
       return _$ce(2, 'div', [_$ce(2, 'div', [_$ce(2, 'div', [_$cc(Icon, {
         'className': _$cn(k + "-upload-file-icon ion-document")
-      }), _$ce(2, 'span', $value.name, 0, _$cn(k + "-upload-file-name")), $value.status === UploadFileStatus.Done ? _$cc(Icon, {
+      }), _$ce(2, 'span', _$cc(Ellipsis, {
+        'children': $value.name
+      }), 2, _$cn(k + "-upload-file-name")), $value.status === UploadFileStatus.Done ? _$cc(Icon, {
         'className': _$cn(k + "-upload-status-icon " + k + "-icon-success-fill")
       }) : $value.status === UploadFileStatus.Error ? _$cc(Icon, {
         'className': _$cn(k + "-upload-status-icon " + k + "-icon-error-fill")

package/components/upload/styles.js

@@ -113,7 +113,7 @@ setDefault(function () {
   makeUploadDialogStyles == null || makeUploadDialogStyles.clearCache();
 });
 export var makeStyles = cache(function makeStyles(k) {
-  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.", k, "-icon-upload{position:relative;top:-1px;}.", k, "-upload-handle{display:inline-block;vertical-align:middle;color:", upload.color, ";}.", k, "-upload-tip{margin-top:", upload.tip.gap, ";color:", upload.color, ";}.", k, "-upload-files{margin-top:", upload.filesGap, ";}.", k, "-upload-file{margin:", upload.file.margin, ";padding-right:", upload.file.delete.width, ";position:relative;&:hover{.", k, "-upload-close{display:inline-flex;position:absolute;right:", upload.file.delete.right, ";top:", upload.file.delete.top, ";}.", k, "-upload-file-main{background:", upload.file.bgColor, ";}}}.", k, "-upload-file-main{padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";}.", k, "-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.", k, "-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.", k, "-upload-file-name{flex:1;}.", k, "-upload-status-icon{color:", upload.file.status.color, ";margin-right:", upload.file.status.offsetRight, ";}.", k, "-upload-close{display:none;}.", k, "-upload-file.", k, "-error{color:", upload.file.errorColor, ";.", k, "-upload-status-icon{color:", upload.file.status.errorColor, ";}}.", k, "-upload-progress{.", k, "-progress-text{width:auto!important;}}&.", k, "-drag{.", k, "-upload-handle{display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";background:", upload.drag.bgColor, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.", k, "-upload-area{padding:", upload.drag.padding, ";.", k, "-icon{display:inline-block;font-size:", upload.drag.icon.fontSize, ";margin-bottom:", upload.drag.icon.gap, ";}}&.", k, "-dragover{.", k, "-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.", k, "-upload-pictures{display:inline-block;vertical-align:middle;}.", k, "-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.", k, "-error{border-color:", upload.gallery.errorBorderColor, ";}.", k, "-upload-close{display:inline-flex;}&:hover{.", k, "-upload-icons{opacity:1;}}.", k, "-upload-img{display:inline-block;width:100%;height:100%;}.", k, "-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}}.", k, "-upload-picture-card{display:inline-flex;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";align-items:center;justify-content:center;flex-direction:column;}.", k, "-upload-add{border:", upload.gallery.add.border, ";cursor:pointer;&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.", k, "-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;background:", upload.overlap.bgColor, ";display:flex;align-items:center;justify-content:center;gap:", upload.overlap.iconGap, ";color:", upload.overlap.color, ";.", k, "-icon:not(:hover){color:inherit;}.", k, "-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}&.", k, "-disabled{.", k, "-upload-add,.", k, "-upload-handle{cursor:auto;a{color:", upload.color, ";}&:hover{border-color:", theme.color.border, ";}}}");
+  return /*#__PURE__*/css("font-size:", upload.fontSize, ";position:relative;.", k, "-icon-upload{position:relative;top:-1px;}.", k, "-upload-handle{display:inline-block;vertical-align:middle;color:", upload.color, ";}.", k, "-upload-tip{margin-top:", upload.tip.gap, ";color:", upload.color, ";}.", k, "-upload-files{margin-top:", upload.filesGap, ";}.", k, "-upload-file{margin:", upload.file.margin, ";padding-right:", upload.file.delete.width, ";position:relative;&:hover{.", k, "-upload-close{display:inline-flex;position:absolute;right:", upload.file.delete.right, ";top:", upload.file.delete.top, ";}.", k, "-upload-file-main{background:", upload.file.bgColor, ";}}}.", k, "-upload-file-main{padding:", upload.file.padding, ";border-radius:", upload.file.borderRadius, ";}.", k, "-upload-name{display:flex;align-items:center;height:", upload.file.height, ";}.", k, "-upload-file-icon{margin-right:", upload.file.fileIconGap, ";}.", k, "-upload-file-name{flex:1;min-width:0;}.", k, "-upload-status-icon{color:", upload.file.status.color, ";margin-right:", upload.file.status.offsetRight, ";}.", k, "-upload-close{display:none;}.", k, "-upload-file.", k, "-error{color:", upload.file.errorColor, ";.", k, "-upload-status-icon{color:", upload.file.status.errorColor, ";}}.", k, "-upload-progress{.", k, "-progress-text{width:auto!important;}}&.", k, "-drag{.", k, "-upload-handle{display:block;border:", upload.drag.border, ";border-radius:", upload.drag.borderRadius, ";cursor:pointer;text-align:center;transition:border-color ", upload.transition, ";background:", upload.drag.bgColor, ";&:hover{border-color:", upload.drag.hoverBorderColor, ";}}.", k, "-upload-area{padding:", upload.drag.padding, ";.", k, "-icon{display:inline-block;font-size:", upload.drag.icon.fontSize, ";margin-bottom:", upload.drag.icon.gap, ";}}&.", k, "-dragover{.", k, "-upload-handle{border-color:", upload.drag.overBorderColor, ";}}}.", k, "-upload-pictures{display:inline-block;vertical-align:middle;}.", k, "-upload-picture{padding:", upload.gallery.padding, ";position:relative;vertical-align:middle;&.", k, "-error{border-color:", upload.gallery.errorBorderColor, ";}.", k, "-upload-close{display:inline-flex;}&:hover{.", k, "-upload-icons{opacity:1;}}.", k, "-upload-img{display:inline-block;width:100%;height:100%;}.", k, "-upload-icons{opacity:0;transition:opacity ", upload.transition, ";}}.", k, "-upload-picture-card{display:inline-flex;width:", upload.gallery.width, ";height:", upload.gallery.height, ";border-radius:", upload.gallery.borderRadius, ";border:", upload.gallery.border, ";margin:", upload.gallery.margin, ";background:", upload.gallery.bgColor, ";align-items:center;justify-content:center;flex-direction:column;}.", k, "-upload-add{border:", upload.gallery.add.border, ";cursor:pointer;&:hover{border-color:", upload.gallery.add.hoverBorderColor, ";}}.", k, "-upload-overlap{position:absolute;width:100%;height:100%;left:0;top:0;background:", upload.overlap.bgColor, ";display:flex;align-items:center;justify-content:center;gap:", upload.overlap.iconGap, ";color:", upload.overlap.color, ";.", k, "-icon:not(:hover){color:inherit;}.", k, "-upload-progress{position:absolute;width:100%;top:50%;padding:", upload.gallery.padding, ";transform:translateY(-50%);}}&.", k, "-disabled{.", k, "-upload-add,.", k, "-upload-handle{cursor:auto;a{color:", upload.color, ";}&:hover{border-color:", theme.color.border, ";}}}");
 });
 export var makeUploadDialogStyles = cache(function makeUploadDialogStyles(k) {
   return /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {

package/index.d.ts

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.3
+ * @king-design v3.4.4
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -64,7 +64,7 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export declare const version = "3.4.3";
+export declare const version = "3.4.4";
 
 
 export {normalize} from 'intact-react';

package/index.js

@@ -1,5 +1,5 @@
 /*!
- * @king-design v3.4.3
+ * @king-design v3.4.4
  *
  * Copyright (c) Kingsoft Cloud
  * Released under the MIT License
@@ -65,7 +65,7 @@ export * from './components/treeSelect';
 export * from './components/upload';
 export * from './components/view';
 export * from './components/wave';
-export var version = '3.4.3';
+export var version = '3.4.4';
 /* generate end */
 
 export {normalize} from 'intact-react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@king-design/react",
-  "version": "3.4.3",
+  "version": "3.4.4",
   "description": "King-Design UI components for React.",
   "keywords": [
     "component",
@@ -36,7 +36,7 @@
     "@emotion/css": "^11.5.0",
     "dayjs": "^1.10.7",
     "enquire.js": "^2.1.6",
-    "intact-react": "3.0.38",
+    "intact-react": "3.0.39",
     "monaco-editor": "^0.26.1",
     "mxgraphx": "^4.0.7",
     "resize-observer-polyfill": "^1.5.1",