quasar-ui-danx 0.3.28 → 0.3.30

package/package.json

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

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

@@ -69,74 +69,74 @@ import { ContentDrawer } from "../../../Utility";
 
 const emit = defineEmits(["update:modelValue"]);
 const props = defineProps({
-  modelValue: {
-    type: [Object, String, Array, null],
-    required: true
-  },
-  options: {
-    type: Array,
-    default: () => []
-  },
-  multiple: Boolean,
-  label: {
-    type: String,
-    default: "Select"
-  },
-  placeholder: {
-    type: String,
-    default: "All"
-  }
+	modelValue: {
+		type: [Object, String, Array, null],
+		required: true
+	},
+	options: {
+		type: Array,
+		default: () => []
+	},
+	multiple: Boolean,
+	label: {
+		type: String,
+		default: "Select"
+	},
+	placeholder: {
+		type: String,
+		default: "All"
+	}
 });
 
 const showDrawer = ref(false);
 const formattedOptions = computed(() =>
-  props.options.map((opt) =>
-    typeof opt === "string"
-      ? {
-        label: opt,
-        value: opt
-      }
-      : opt
-  )
+	props.options.map((opt) =>
+		typeof opt === "string"
+			? {
+				label: opt,
+				value: opt
+			}
+			: opt
+	)
 );
 
 function getOptionValue(option) {
-  return option.value === undefined ? option : option.value;
+	return option.value === undefined ? option : option.value;
 }
 
 function getOptionLabel(value) {
-  return formattedOptions.value.find((opt) => opt.value === value).label;
+	return formattedOptions.value.find((opt) => opt.value === value)?.label;
 }
 
 function isSelected(option) {
-  const optionValue = getOptionValue(option);
+	const optionValue = getOptionValue(option);
 
-  if (props.multiple) {
-    return props.modelValue.includes(optionValue);
-  } else {
-    return props.modelValue === optionValue;
-  }
+	if (props.multiple) {
+		return props.modelValue.includes(optionValue);
+	} else {
+		return props.modelValue === optionValue;
+	}
 }
 
 function toggleSelect(option) {
-  let optionValue = getOptionValue(option);
+	let optionValue = getOptionValue(option);
 
-  let selection = optionValue;
+	let selection = optionValue;
 
-  if (props.multiple) {
-    selection = [...props.modelValue];
-    if (isSelected(optionValue)) {
-      selection = selection.filter((opt) => opt !== optionValue);
-    } else {
-      selection.push(optionValue);
-    }
-  } else {
-    // Allow deselection on single select
-    if (selection === props.modelValue) {
-      selection = null;
-    }
-  }
+	if (props.multiple) {
+		selection = [...props.modelValue];
+		if (isSelected(optionValue)) {
+			selection = selection.filter((opt) => opt !== optionValue);
+		} else {
+			selection.push(optionValue);
+		}
+	} else {
+		// Allow deselection on single select
+		if (selection === props.modelValue) {
+			selection = null;
+		}
+	}
 
-  emit("update:modelValue", selection);
+	emit("update:modelValue", selection);
 }
 </script>

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

@@ -12,6 +12,7 @@
       :input-class="inputClass"
       :class="parentClass"
       stack-label
+      :rows="rows"
       :type="type"
       :model-value="modelValue"
       :debounce="debounce"
@@ -42,41 +43,45 @@ import LabelValueBlock from "./LabelValueBlock";
 
 defineEmits(["update:model-value", "submit"]);
 defineProps({
-  modelValue: {
-    type: [String, Number],
-    default: ""
-  },
-  field: {
-    type: Object,
-    default: null
-  },
-  type: {
-    type: String,
-    default: "text"
-  },
-  label: {
-    type: String,
-    default: null
-  },
-  labelClass: {
-    type: String,
-    default: "text-sm text-gray-700"
-  },
-  parentClass: {
-    type: String,
-    default: ""
-  },
-  inputClass: {
-    type: String,
-    default: ""
-  },
-  noLabel: Boolean,
-  showName: Boolean,
-  disabled: Boolean,
-  readonly: Boolean,
-  debounce: {
-    type: [String, Number],
-    default: 0
-  }
+	modelValue: {
+		type: [String, Number],
+		default: ""
+	},
+	field: {
+		type: Object,
+		default: null
+	},
+	type: {
+		type: String,
+		default: "text"
+	},
+	label: {
+		type: String,
+		default: null
+	},
+	labelClass: {
+		type: String,
+		default: "text-sm text-gray-700"
+	},
+	parentClass: {
+		type: String,
+		default: ""
+	},
+	inputClass: {
+		type: String,
+		default: ""
+	},
+	rows: {
+		type: Number,
+		default: 3
+	},
+	noLabel: Boolean,
+	showName: Boolean,
+	disabled: Boolean,
+	readonly: Boolean,
+	debounce: {
+		type: [String, Number],
+		default: 0
+	}
 });
 </script>