quasar-ui-danx 0.4.18 → 0.4.20

package/package.json

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

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

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="dx-text-field">
     <FieldLabel
       v-if="!prependLabel"
       :label="label"
@@ -33,7 +33,7 @@
         @update:model-value="$emit('update:model-value', $event)"
       >
         <template
-          v-if="prependLabel"
+          v-if="prependLabel || $slots.prepend"
           #prepend
         >
           <FieldLabel
@@ -43,6 +43,10 @@
             :required-label="requiredLabel"
             :class="labelClass"
           />
+          <slot name="prepend" />
+        </template>
+        <template #append>
+          <slot name="append" />
         </template>
       </QInput>
       <MaxLengthCounter

package/src/helpers/FlashMessages.ts

@@ -10,6 +10,10 @@ export class FlashMessages {
 			type: String,
 			default: ""
 		},
+		infoMsg: {
+			type: String,
+			default: ""
+		},
 		errorMsg: {
 			type: String,
 			default: ""
@@ -20,11 +24,12 @@ export class FlashMessages {
 		}
 	};
 
-	static enable(msgProps: { successMsg?: string, errorMsg?: string, warningMsg?: string }) {
+	static enable(msgProps: { successMsg?: string, infoMsg?: string, errorMsg?: string, warningMsg?: string }) {
 		FlashMessages.success(msgProps.successMsg);
 		FlashMessages.error(msgProps.errorMsg);
 		FlashMessages.warning(msgProps.warningMsg);
 		watch(() => msgProps.successMsg, msg => FlashMessages.success(msg));
+		watch(() => msgProps.infoMsg, msg => FlashMessages.info(msg));
 		watch(() => msgProps.errorMsg, msg => FlashMessages.error(msg));
 		watch(() => msgProps.warningMsg, msg => FlashMessages.warning(msg));
 	}
@@ -61,6 +66,15 @@ export class FlashMessages {
 		});
 	}
 
+	static info(message?: string, options: QNotifyCreateOptions = {}) {
+		FlashMessages.send(message, {
+			classes: "bg-sky-300 !text-sky-900",
+			icon: "info",
+			...options,
+			...danxOptions.value.flashMessages?.info
+		});
+	}
+
 	static error(message?: string, options: QNotifyCreateOptions = {}) {
 		FlashMessages.send(message, {
 			classes: "bg-red-300 !text-red-900",

package/src/helpers/formats.ts

@@ -228,8 +228,8 @@ export function fShortSize(value: string | number) {
 	return Math.round(n / div) + " " + power.unit;
 }
 
-export function fBoolean(value: boolean) {
-	return value ? "Yes" : "No";
+export function fBoolean(value?: boolean) {
+	return (value === undefined || value === null) ? "-" : (value ? "Yes" : "No");
 }
 
 /**
@@ -378,8 +378,6 @@ export function fMarkdownCode(type: string, string: string | object): string {
 				string = stringifyYAML(typeof string === "string" ? JSON.parse(string) : string);
 				break;
 			case "ts":
-				string = "";
-				break;
 			default:
 				string = fJSON(string);
 		}

package/src/types/config.d.ts

@@ -11,6 +11,7 @@ export interface DanxOptions {
 	flashMessages?: {
 		default?: QNotifyCreateOptions;
 		success?: QNotifyCreateOptions;
+		info?: QNotifyCreateOptions;
 		warning?: QNotifyCreateOptions;
 		error?: QNotifyCreateOptions;
 	};