quasar-ui-danx 0.0.11 → 0.0.12

package/src/components/Utility/Popover/PopoverMenu.vue

@@ -0,0 +1,64 @@
+<template>
+  <a
+      class="p-3 actionable"
+      :class="{'opacity-50 cursor-not-allowed': disabled}"
+  >
+    <Transition
+        mode="out-in"
+        :duration="150"
+    >
+      <q-spinner
+          v-if="loading"
+          class="w-4 h-4 text-black"
+      />
+      <MenuIcon
+          v-else
+          class="w-4 text-black"
+      />
+    </Transition>
+    <q-menu
+        v-if="!disabled"
+        auto-close
+    >
+      <q-list>
+        <template v-for="item in items">
+          <a
+              v-if="item.url"
+              :key="item.url"
+              class="q-item"
+              target="_blank"
+              :href="item.url"
+              :class="item.class"
+          >
+            {{ item.label }}
+          </a>
+          <q-item
+              v-else
+              :key="item.action"
+              clickable
+              :class="item.class"
+              @click="$emit('action', item.action)"
+          >
+            {{ item.label }}
+            </q-item>
+        </template>
+        </q-list>
+        </q-menu>
+  </a>
+</template>
+<script setup>
+import { DotsVerticalIcon as MenuIcon } from '@heroicons/vue/outline';
+
+defineEmits(['action']);
+defineProps({
+  items: {
+    type: Array,
+    required: true,
+    validator(items) {
+      return items.every((item) => item.label && (item.url || item.action));
+    }
+  },
+  disabled: Boolean,
+  loading: Boolean
+});
+</script>

package/src/components/Utility/Transitions/StaggeredListTransition.vue

@@ -1,26 +1,25 @@
 <template>
   <TransitionGroup
-    ref="list"
-    tag="div"
-    appear
-    :css="false"
-    @before-enter="onBeforeEnter"
-    @enter="onEnter"
-    @leave="onLeave"
+      ref="list"
+      tag="div"
+      appear
+      :css="false"
+      @before-enter="onBeforeEnter"
+      @enter="onEnter"
+      @leave="onLeave"
   >
     <slot />
   </TransitionGroup>
 </template>
 
 <script setup>
-import gsap from "gsap";
-import { isTestMode } from "src/helpers/testing";
-import { computed, ref } from "vue";
+import gsap from 'gsap';
+import { computed, ref } from 'vue';
 
 const props = defineProps({
   height: {
     type: [String, Number],
-    default: "auto"
+    default: 'auto'
   },
   duration: {
     type: Number,
@@ -29,7 +28,8 @@ const props = defineProps({
   delayOffset: {
     type: Number,
     default: 0.5
-  }
+  },
+  disabled: Boolean
 });
 
 const list = ref(null);
@@ -38,7 +38,7 @@ const indexDelay = computed(() => {
 });
 
 function onBeforeEnter(el) {
-  if (isTestMode.value) {
+  if (props.disabled) {
     return;
   }
   el.style.opacity = 0;
@@ -46,7 +46,7 @@ function onBeforeEnter(el) {
 }
 
 function onEnter(el, onComplete) {
-  if (isTestMode.value) {
+  if (props.disabled) {
     onComplete();
     return;
   }
@@ -61,7 +61,7 @@ function onEnter(el, onComplete) {
 }
 
 function onLeave(el, onComplete) {
-  if (isTestMode.value) {
+  if (props.disabled) {
     onComplete();
     return;
   }

package/src/components/Utility/index.ts

@@ -1,9 +1,11 @@
-export { default as CollapsableSidebar } from "./CollapsableSidebar";
-export { default as ConfirmDialog } from "./Dialogs/ConfirmDialog";
-export { default as ContentDrawer } from "./ContentDrawer";
-export { default as FullScreenDialog } from "./Dialogs/FullScreenDialog";
-export { default as InfoDialog } from "./Dialogs/InfoDialog";
-export { default as InputDialog } from "./Dialogs/InputDialog";
-export { default as ListTransition } from "./Transitions/ListTransition";
-export { default as SlideTransition } from "./Transitions/SlideTransition";
-export { default as StaggeredListTransition } from "./Transitions/StaggeredListTransition";
+export { default as CollapsableSidebar } from "./CollapsableSidebar.vue";
+export { default as ConfirmDialog } from "./Dialogs/ConfirmDialog.vue";
+export { default as ContentDrawer } from "./ContentDrawer.vue";
+export { default as FullScreenCarouselDialog } from "./Dialogs/FullscreenCarouselDialog.vue";
+export { default as FullScreenDialog } from "./Dialogs/FullScreenDialog.vue";
+export { default as ImagePreview } from "./ImagePreview.vue";
+export { default as InfoDialog } from "./Dialogs/InfoDialog.vue";
+export { default as InputDialog } from "./Dialogs/InputDialog.vue";
+export { default as ListTransition } from "./Transitions/ListTransition.vue";
+export { default as SlideTransition } from "./Transitions/SlideTransition.vue";
+export { default as StaggeredListTransition } from "./Transitions/StaggeredListTransition.vue";

package/src/components/index.ts

@@ -1,3 +1,3 @@
 export * from "./ActionTable";
 export * from "./Utility";
-
+export * from "./DragAndDrop";