quasar-ui-danx 0.4.38 → 0.4.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "quasar-ui-danx",
-  "version": "0.4.38",
+  "version": "0.4.40",
   "author": "Dan <dan@flytedesk.com>",
   "description": "DanX Vue / Quasar component library",
   "license": "MIT",

package/src/components/ActionTable/Form/Fields/SelectionMenuField.vue

@@ -40,20 +40,22 @@
                 @click.stop.prevent="$emit('delete', option)"
               />
             </div>
-            <QSeparator class="bg-slate-400 my-2" />
-            <div class="px-4 mb-2">
-              <QBtn
-                :class="createClass"
-                :loading="loading"
-                @click="$emit('create')"
-              >
-                <CreateIcon
-                  class="w-3"
-                  :class="createText ? 'mr-2' : ''"
-                />
-                {{ createText }}
-              </QBtn>
-            </div>
+            <template v-if="creatable">
+              <QSeparator class="bg-slate-400 my-2" />
+              <div class="px-4 mb-2">
+                <QBtn
+                  :class="createClass"
+                  :loading="loading"
+                  @click="$emit('create')"
+                >
+                  <CreateIcon
+                    class="w-3"
+                    :class="createText ? 'mr-2' : ''"
+                  />
+                  {{ createText }}
+                </QBtn>
+              </div>
+            </template>
           </div>
         </QMenu>
       </template>
@@ -73,18 +75,17 @@
       </template>
       <template v-else>
         <slot name="no-selection">
-          (No selection)
+          {{ placeholder }}
         </slot>
       </template>
     </div>
 
-
     <ShowHideButton
       v-if="editable && selected"
       v-model="editing"
       :label="editText"
       :class="editClass"
-      class="ml-1"
+      class="opacity-0 group-hover:opacity-100 transition-all"
       :show-icon="EditIcon"
       :hide-icon="DoneEditingIcon"
     />
@@ -125,6 +126,7 @@ withDefaults(defineProps<{
 	createText?: string;
 	editText?: string;
 	clearText?: string;
+	placeholder?: string;
 	selectClass?: string;
 	createClass?: string;
 	editClass?: string;
@@ -143,6 +145,7 @@ withDefaults(defineProps<{
 	createText: "",
 	editText: "",
 	clearText: "",
+	placeholder: "(No selection)",
 	selectClass: "bg-sky-800",
 	createClass: "bg-green-900",
 	editClass: "",

package/src/components/DragAndDrop/ListItemDraggable.vue

@@ -28,10 +28,10 @@
   </div>
 </template>
 <script setup lang="ts">
-import { DropZoneResolver } from "src/components/DragAndDrop/dragAndDrop";
 import { computed, watch } from "vue";
 import { DragHandleDotsIcon as DragHandleIcon } from "../../svg";
 import { SvgImg } from "../Utility";
+import { DropZoneResolver } from "./dragAndDrop";
 import { ListDragAndDrop } from "./listDragAndDrop";
 
 const emit = defineEmits(["position", "update:list-items", "drop-zone"]);

package/src/helpers/actions.ts

@@ -343,6 +343,10 @@ export function withDefaultActions(label: string, listController?: ListControlle
 			icon: EditIcon,
 			onAction: (action, target) => listController?.activatePanel(target, "edit")
 		},
+		{
+			name: "quick-delete",
+			alias: "delete"
+		},
 		{
 			name: "delete",
 			label: "Delete",