perf: adiciona debounce em sort no componente de sortable table

solfacil · Feb 11, 2022 · 4b9b276 · 4b9b276
1 parent 640f466
commit 4b9b276
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/components/SortedTable/SortedTable.vue b/src/components/SortedTable/SortedTable.vue
@@ -56,6 +56,7 @@
 <script>
 import Tooltip from '@components/Tooltip/Tooltip';
 import IconQuestion from '@img/icon/icon-question.svg';
+import debounce from 'lodash/debounce';
 
 export default {
   name: 'SortedTable',
@@ -137,9 +138,13 @@ export default {
       if (!sortable || !key) return;
 
       this.activeItem = key;
-      this.$emit('sort', key);
+      this.emitSort();
     },
 
+    emitSort: debounce(function sortDebounce() {
+      this.$emit('sort', this.activeItem);
+    }, 300),
+
     isActiveAsc(key) {
       return this.activeItem === key && this.orderBy.toLowerCase() === 'asc';
     },