quasar-ui-danx 0.4.14 → 0.4.16

package/package.json

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

package/src/helpers/actions.ts

@@ -14,6 +14,25 @@ export const activeActionVnode: Ref = shallowRef(null);
 export function useActions(actions: ActionOptions[], globalOptions: Partial<ActionOptions> | null = null) {
 	const namespace = uid();
 
+	/**
+	 * Extend an action so the base action can be modified without affecting other places the action is used.
+	 * This isolates the action to the provided id, so it is still re-usable across the system, but does not affect behavior elsewhere.
+	 *
+	 * For example, when you have a list of items and you want to perform a callback on the action on a single item, you can extend the action
+	 * with the id of the item you want to perform the action on, allowing you to perform behavior on a single item, instead of all instances
+	 * in the list receiving the same callback.
+	 */
+	function extendAction(actionName: string, extendedId: string | number, actionOptions: Partial<ActionOptions>): ResourceAction {
+		const action = getAction(actionName);
+		const extendedAction = { ...action, ...actionOptions, id: extendedId };
+		if (extendedAction.debounce) {
+			extendedAction.trigger = useDebounceFn((target, input) => performAction(extendedAction, target, input), extendedAction.debounce);
+		} else {
+			extendedAction.trigger = (target, input) => performAction(extendedAction, target, input);
+		}
+		return storeObject(extendedAction);
+	}
+
 	/**
 	 * Resolve the action object based on the provided name (or return the object if the name is already an object)
 	 */
@@ -140,7 +159,8 @@ export function useActions(actions: ActionOptions[], globalOptions: Partial<Acti
 
 	return {
 		getAction,
-		getActions
+		getActions,
+		extendAction
 	};
 }
 

package/src/helpers/formats.ts

@@ -375,7 +375,7 @@ export function fMarkdownCode(type: string, string: string | object): string {
 	if (typeof string === "object" || isJSON(string)) {
 		switch (type) {
 			case "yaml":
-				string = stringifyYAML(string);
+				string = stringifyYAML(typeof string === "string" ? JSON.parse(string) : string);
 				break;
 			case "ts":
 				string = "";

package/src/helpers/objectStore.ts

@@ -9,8 +9,8 @@ const store = new Map<string, any>();
  * Returns the stored object that should be used instead of the passed object as the returned object is shared across the system
  */
 export function storeObject<T extends TypedObject>(newObject: T): ShallowReactive<T> {
-	const id = newObject.id || newObject.name;
-	const type = newObject.__type;
+	const id = newObject?.id || newObject?.name;
+	const type = newObject?.__type;
 	if (!id || !type) return shallowReactive(newObject);
 
 	if (!newObject.__id) {
@@ -34,9 +34,11 @@ export function storeObject<T extends TypedObject>(newObject: T): ShallowReactiv
 	// Recursively store all the children of the object as well
 	for (const key of Object.keys(newObject)) {
 		const value = newObject[key];
-		if (Array.isArray(value) && value.length > 0 && typeof value[0] === "object") {
+		if (Array.isArray(value) && value.length > 0) {
 			for (const index in value) {
-				newObject[key][index] = storeObject(value[index]);
+				if (value[index] && typeof value[index] === "object") {
+					newObject[key][index] = storeObject(value[index]);
+				}
 			}
 		} else if (value?.__type) {
 			// @ts-expect-error newObject[key] is guaranteed to be a TypedObject