@afeefa/vue-app 0.0.264 → 0.0.266

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.264
+0.0.266

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.264",
+  "version": "0.0.266",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src/components/AContextMenu.vue

@@ -2,6 +2,7 @@
   <div class="contextEditor">
     <!-- click.stop prevents possible surrounding v-input to focus -->
     <div
+      v-if="!customAnchor"
       class="activator"
       @click.stop="open"
     >
@@ -32,7 +33,7 @@ import { Positions, PositionConfig } from '../services/PositionService'
 import { randomCssClass } from '../utils/random'
 
 @Component({
-  props: ['contentHeight', 'repositionWatchKey', 'triggerIcon']
+  props: ['contentHeight', 'repositionWatchKey', 'triggerIcon', 'customAnchor']
 })
 export default class AContextMenu extends Mixins(UsesPositionServiceMixin) {
   CONTEXT_MENU = true
@@ -44,9 +45,27 @@ export default class AContextMenu extends Mixins(UsesPositionServiceMixin) {
     return 'popUp-' + this.menuId
   }
 
+  mounted () {
+    if (this.customAnchor) {
+      this.open()
+    }
+  }
+
   positionize () {
+    let anchor = this.customAnchor || [this, '.activator']
+
+    if (!Array.isArray(anchor)) {
+      if (typeof anchor === 'string') {
+        anchor = [document.documentElement, anchor]
+      } else if (typeof anchor === 'object') { // dom element or vue ref
+        anchor = [anchor]
+      } else {
+        anchor = [document.documentElement]
+      }
+    }
+
     const position = new PositionConfig()
-      .setAnchor(this, '.activator')
+      .setAnchor(...anchor)
       .setTarget(
         document.documentElement,
         '.' + this.popUpCssClass + ' .popUpContent'
@@ -104,6 +123,13 @@ export default class AContextMenu extends Mixins(UsesPositionServiceMixin) {
     this.urp_update()
   }
 
+  @Watch('customAnchor')
+  customAnchorChanged () {
+    if (this.customAnchor && !this.isOpen) {
+      this.open()
+    }
+  }
+
   getContainer () {
     return document.querySelector('.v-application')
   }

package/src/components/ATabs.vue

@@ -33,7 +33,7 @@
 import { Component, Vue } from '@a-vue'
 
 @Component({
-  props: [{first: false}]
+  props: ['beforeChange', {first: false}]
 })
 export default class ATabs extends Vue {
   titles = []
@@ -47,7 +47,14 @@ export default class ATabs extends Vue {
     this.$children[this.currentIndex].show()
   }
 
-  setTab (index) {
+  async setTab (index) {
+    if (this.beforeChange) {
+      const result = await this.beforeChange(index, this.currentIndex)
+      if (!result) {
+        return
+      }
+    }
+
     this.currentIndex = index
     const tabs = this.$slots.default.map(s => s.componentInstance)
     tabs.forEach((tab, i) => {

package/src-admin/components/list/ListView.vue

@@ -159,7 +159,6 @@
 <script>
 import { Component, Watch, Mixins } from '@a-vue'
 import { ListViewMixin } from '@a-vue/components/list/ListViewMixin'
-import { LoadingEvent } from '@a-vue/events'
 
 @Component({
   props: [
@@ -235,13 +234,6 @@ export default class ListView extends Mixins(ListViewMixin) {
 
   @Watch('isLoading')
   isLoadingChanged () {
-    if (this.events) {
-      if (this.isLoading) {
-        this.$events.dispatch(new LoadingEvent(LoadingEvent.START_LOADING))
-      } else {
-        this.$events.dispatch(new LoadingEvent(LoadingEvent.STOP_LOADING))
-      }
-    }
     this.$emit('update:isLoading', this.isLoading)
   }