Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-04-24 18:49:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

list view: request scrollable element on next animation frame

Browse Source
This commit is contained in:
Joao Moreno
2018-09-26 22:56:54 +02:00
parent 39238cb357
commit d2fd43d8a2
3 changed files with 30 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
test/tree/public/index.html
View File

@@ -22,10 +22,19 @@
<body>
<input type="text" id="filter" />
<button id="collapseall">Collapse All</button>
<div id="container"></div>
<script src="/static/vs/loader.js"></script>
<script>
function perf(name, fn) {
performance.mark('before ' + name);
const start = performance.now();
fn();
console.log(name + ' took', performance.now() - start);
performance.mark('after ' + name);
}
require.config({ baseUrl: '/static' });
require(['vs/base/browser/ui/tree/tree', 'vs/base/browser/ui/tree/treeModel', 'vs/base/common/iterator'], ({ Tree }, { Visibility }, { iter }) => {
@@ -60,11 +69,7 @@
this.pattern = new RegExp(filter.value, 'i');
}
performance.mark('before refilter');
const start = performance.now();
tree.refilter();
console.log('refilter took', performance.now() - start);
performance.mark('after refilter');
perf('refilter', () => tree.refilter());
}
filter(el) {
return (this.pattern ? this.pattern.test(el) : true) ? Visibility.Visible : Visibility.Recurse;
@@ -75,7 +80,7 @@
function setModel(model) {
performance.mark('before splice');
const start = performance.now();
tree.splice([0], 0, model);
;
console.log('splice took', performance.now() - start);
performance.mark('after splice');
}
@@ -92,7 +97,8 @@
files.push({ element: `file #${i}`, children: errors });
}
setModel(files);
perf('splice', () => tree.splice([0], 0, files));
break;
}
default:
@@ -101,10 +107,12 @@
xhr.send();
xhr.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
setModel([JSON.parse(this.responseText)]);
perf('splice', () => tree.splice([0], 0, [JSON.parse(this.responseText)]));
}
};
}
collapseall.onclick = () => tree.collapseAll();
});
</script>
</body>