upgrade vue and assets

assets/src/components/AList.vue

@@ -0,0 +1,66 @@
+<template>
+    <div>
+        <slot name="header"></slot>
+        <ul :class="listClass">
+            <template v-for="(item,index) in items" :key="index">
+                <li :class="itemClass" @click="select(index)">
+                    <slot name="item" :selected="index == selectedIndex" :set="set" :index="index" :item="item"></slot>
+                </li>
+            </template>
+        </ul>
+        <slot name="footer"></slot>
+    </div>
+</template>
+<script>
+export default {
+    emits: ['select', 'unselect'],
+    data() {
+        return {
+            selectedIndex: this.defaultIndex,
+        }
+    },
+
+    props: {
+        listClass: String,
+        itemClass: String,
+        defaultIndex: { type: Number, default: -1},
+        set: Object,
+    },
+
+    computed: {
+        model() { return this.set.model },
+        items() { return this.set.items },
+        length() { return this.set.length },
+
+        selected() {
+            return this.selectedIndex > -1 && this.items.length > this.selectedIndex > -1
+                ? this.items[this.selectedIndex] : null;
+        },
+    },
+
+    methods: {
+        get(index) { return this.set.get(index) },
+        find(pred) { return this.set.find(pred) },
+        findIndex(pred) { return this.set.findIndex(pred) },
+
+        remove(index, select=false) {
+            this.set.remove(index);
+            if(index < this.selectedIndex)
+                this.selectedIndex--;
+            if(select && this.selectedIndex == index)
+                this.select(index)
+        },
+
+        select(index) {
+            this.selectedIndex = index > -1  && this.items.length ? index % this.items.length : -1;
+            this.$emit('select', { item: this.selected, index: this.selectedIndex });
+            return this.selectedIndex;
+        },
+
+        unselect() {
+            this.$emit('unselect', { item: this.selected, index: this.selectedIndex});
+            this.selectedIndex = -1;
+        },
+    },
+}
+</script>