1
0
mirror of synced 2025-12-14 10:24:01 +08:00

更新 ts、内部优化

This commit is contained in:
xuliangzhan
2021-04-05 22:14:13 +08:00
parent b3f3e4a173
commit 0d3fa60edd
57 changed files with 711 additions and 642 deletions

View File

@@ -2672,6 +2672,15 @@ const apis = [
defVal: 'true',
list: []
},
// {
// name: 'mode',
// desc: '滚动模式',
// version: '4.0.9',
// type: 'string',
// enum: 'default,wheel',
// defVal: 'default',
// list: []
// },
{
name: 'gt',
desc: '指定大于指定行时自动启动纵向虚拟滚动,如果为 0 则总是启用,如果为 -1 则关闭(注:启用纵向虚拟滚动之后将不能支持动态行高)',

View File

@@ -22,8 +22,8 @@
{
libraryName: 'vxe-table',
esModule: true,
resolveComponent: (name) => `vxe-table/lib/${name}`,
resolveStyle: (name) => `vxe-table/lib/${name}/style/style.css`
resolveComponent: (name) => `vxe-table/es/${name}`,
resolveStyle: (name) => `vxe-table/es/${name}/style.css`
}
]
})

View File

@@ -4,6 +4,7 @@
虚拟滚动渲染左右固定列<span class="orange">最大可以支撑 5w 30w </span><br>
大数据不建议使用双向绑定的 data 属性建议使用 <table-api-link prop="loadData"/>/<table-api-link prop="reloadData"/> 函数<br>
对于多选 type=<table-column-api-link prop="checkbox"/> 当数据量海量时应该绑定 <table-api-link prop="checkField"/> 属性渲染速度更快<br>
但使用较复杂的渲染时可以设置滚动模式 scroll-y.mode='wheel' 来开启模拟滚动降低缓冲效果<br>
<span class="red">启用纵向虚拟滚的后不支持动态行高如果需要支持将虚拟滚动关闭即可</span>
</p>
@@ -32,7 +33,8 @@
:export-config="{}"
:loading="demo1.loading"
:sort-config="{trigger: 'cell'}"
:checkbox-config="{checkField: 'checked'}">
:checkbox-config="{checkField: 'checked'}"
:scroll-y="{mode: 'wheel'}">
<vxe-table-column type="seq" width="100" fixed="left"></vxe-table-column>
<vxe-table-column field="attr0" title="Attr0" width="200" sortable></vxe-table-column>
<vxe-table-column field="attr1" title="Attr1" width="200"></vxe-table-column>
@@ -186,7 +188,8 @@ export default defineComponent({
:export-config="{}"
:loading="demo1.loading"
:sort-config="{trigger: 'cell'}"
:checkbox-config="{checkField: 'checked'}">
:checkbox-config="{checkField: 'checked'}"
:scroll-y="{mode: 'wheel'}">
<vxe-table-column type="seq" width="100" fixed="left"></vxe-table-column>
<vxe-table-column field="attr0" title="Attr0" width="200" sortable></vxe-table-column>
<vxe-table-column field="attr1" title="Attr1" width="200"></vxe-table-column>