All files / app/assets/javascripts/vue_shared/components smart_virtual_list.vue

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
9x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
<script>
import VirtualList from 'vue-virtual-scroll-list';
 
export default {
  name: 'SmartVirtualList',
  components: { VirtualList },
  props: {
    size: { type: Number, required: true },
    length: { type: Number, required: true },
    remain: { type: Number, required: true },
    rtag: { type: String, default: 'div', required: false },
    wtag: { type: String, default: 'div', required: false },
    wclass: { type: String, default: null, required: false },
  },
};
</script>
<template>
  <virtual-list
    v-if="length > remain"
    v-bind="$attrs"
    :size="remain"
    :remain="remain"
    :rtag="rtag"
    :wtag="wtag"
    :wclass="wclass"
    class="js-virtual-list"
  >
    <slot></slot>
  </virtual-list>
  <component :is="rtag" v-else class="js-plain-element">
    <component :is="wtag" :class="wclass"> <slot></slot> </component>
  </component>
</template>