quasar-ui-danx 0.4.88 → 0.4.90

package/package.json

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

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

@@ -42,22 +42,22 @@ import { fDate, parseDateTime } from "../../../../helpers";
 
 const emit = defineEmits(["update:model-value"]);
 const props = defineProps<{
-	modelValue?: string | null;
-	label: string | null;
-	clearable: boolean;
+  modelValue?: string | null;
+  label: string | null;
+  clearable?: boolean;
 }>();
 
 const formattedDate = computed(() => {
-	if (props.modelValue) {
-		return fDate(parseDateTime(props.modelValue || "0000-00-00"));
-	}
-	return "- -";
+  if (props.modelValue) {
+    return fDate(parseDateTime(props.modelValue || "0000-00-00"));
+  }
+  return "- -";
 });
 
 const date = ref(parseDateTime(props.modelValue));
 watch(() => props.modelValue, val => date.value = val);
 
 function onSave() {
-	emit("update:model-value", date.value);
+  emit("update:model-value", date.value);
 }
 </script>

package/src/components/Utility/Buttons/ActionButton.vue

@@ -65,6 +65,7 @@ import {
   FaSolidClock as ClockIcon,
   FaSolidCodeMerge as MergeIcon,
   FaSolidCopy as CopyIcon,
+  FaSolidDatabase as DatabaseIcon,
   FaSolidEye as ViewIcon,
   FaSolidFileExport as ExportIcon,
   FaSolidFileImport as ImportIcon,
@@ -82,7 +83,7 @@ import { computed, ref } from "vue";
 import { ActionTarget, ResourceAction } from "../../../types";
 
 export interface ActionButtonProps {
-  type?: "save" | "trash" | "back" | "create" | "edit" | "copy" | "folder" | "play" | "stop" | "pause" | "refresh" | "restart" | "confirm" | "cancel" | "export" | "import" | "minus" | "merge" | "check" | "clock" | "view";
+  type?: "save" | "trash" | "back" | "create" | "edit" | "copy" | "folder" | "play" | "stop" | "pause" | "refresh" | "restart" | "confirm" | "cancel" | "export" | "import" | "minus" | "merge" | "check" | "clock" | "view" | "database";
   color?: "red" | "blue" | "blue-invert" | "sky" | "sky-invert" | "green" | "green-invert" | "lime" | "white" | "gray" | "slate" | "slate-invert" | "yellow" | "orange";
   size?: "xxs" | "xs" | "sm" | "md" | "lg";
   icon?: object | string;
@@ -230,6 +231,8 @@ const typeOptions = computed(() => {
       return { icon: CheckIcon };
     case "view":
       return { icon: ViewIcon };
+    case "database":
+      return { icon: DatabaseIcon };
     default:
       return { icon: EditIcon };
   }

package/src/helpers/formats.ts

@@ -57,16 +57,16 @@ export function fLocalizedDateTime(dateTimeString: string, options = {}) {
  * @returns {string}
  */
 export function fDateTime(
-		dateTime: string | DateTime | null = null,
-		{ format = "M/d/yy h:mma", empty = "- -" }: fDateOptions = {}
+	dateTime: string | DateTime | null = null,
+	{ format = "M/d/yy h:mma", empty = "- -" }: fDateOptions = {}
 ) {
 	const formatted = parseDateTime(dateTime)?.toFormat(format).toLowerCase();
 	return formatted || empty;
 }
 
 export function fDateTimeMs(
-		dateTime: string | DateTime | null = null,
-		{ empty = "- -" }: fDateOptions = {}
+	dateTime: string | DateTime | null = null,
+	{ empty = "- -" }: fDateOptions = {}
 ) {
 	const formatted = parseDateTime(dateTime)?.toFormat("M/d/yy H:mm:ss.SSS").toLowerCase();
 	return formatted || empty;
@@ -201,6 +201,15 @@ export function fSecondsToDuration(seconds: number) {
 	return `${hours ? hours + "h " : ""}${minutes ? minutes + "m " : ""}${secs}s`;
 }
 
+/**
+ *  Formats a number of milliseconds into a duration string in 00h 00m 00s 000ms format
+ */
+export function fMillisecondsToDuration(milliseconds: number) {
+	const durStr = fSecondsToDuration(Math.floor(milliseconds / 1000));
+	return (durStr === "0s" ? "" : durStr) + ` ${Math.floor(milliseconds % 1000)}ms`;
+}
+
+
 /**
  *  Formats a duration between two date strings in 00h 00m 00s format
  */
@@ -274,8 +283,8 @@ export function fShortNumber(value: string | number, options?: { round: boolean
 	if (short) {
 		n = n / Math.pow(10, short.pow);
 		return options?.round
-				? n + short.unit
-				: n.toFixed(n > 100 ? 0 : 1) + short.unit;
+			? n + short.unit
+			: n.toFixed(n > 100 ? 0 : 1) + short.unit;
 	}
 
 	return n;
@@ -329,9 +338,9 @@ export function centerTruncate(str: string, maxLength: number) {
 		const frontCharCount = Math.floor((maxLength - 3) / 2);
 		const backCharCount = maxLength - frontCharCount - 3;
 		return (
-				str.substring(0, frontCharCount) +
-				"..." +
-				str.substring(str.length - backCharCount)
+			str.substring(0, frontCharCount) +
+			"..." +
+			str.substring(str.length - backCharCount)
 		);
 	} else {
 		return str;