@quickflo/quickforms-quasar 0.3.0

package/dist/registry.d.ts

@@ -0,0 +1,30 @@
+import { Component } from 'vue';
+import { ComponentRegistry } from '@quickflo/quickforms';
+
+/**
+ * Create a Quasar component registry with all built-in Quasar field components
+ *
+ * This provides a pre-configured registry with Quasar UI components (QInput, QSelect, etc.)
+ * that can be used directly with DynamicForm. Users can extend this registry with custom
+ * components or create their own from scratch.
+ *
+ * @example
+ * ```typescript
+ * import { createQuasarRegistry } from '@quickflo/quickforms-quasar';
+ * import { DynamicForm } from '@quickflo/quickforms-vue';
+ * import { rankWith, isStringType } from '@quickflo/quickforms';
+ * import CustomPhoneField from './CustomPhoneField.vue';
+ *
+ * const registry = createQuasarRegistry();
+ *
+ * // Register custom component with higher priority
+ * registry.register('phone', CustomPhoneField, (schema) =>
+ *   rankWith(10, isStringType(schema) && schema.format === 'phone')
+ * );
+ *
+ * // Use in form
+ * <DynamicForm :schema="schema" v-model="data" :options="{ registry }" />
+ * ```
+ */
+export declare function createQuasarRegistry(): ComponentRegistry<Component>;
+//# sourceMappingURL=registry.d.ts.map

package/dist/registry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../src/registry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EACL,iBAAiB,EAelB,MAAM,sBAAsB,CAAC;AAe9B;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,oBAAoB,IAAI,iBAAiB,CAAC,SAAS,CAAC,CAkFnE"}

package/dist/style.css

@@ -0,0 +1 @@
+.datetime-picker-card[data-v-76abc7a3]{overflow:hidden}[data-v-76abc7a3] .datetime-date-picker .q-date__view,[data-v-76abc7a3] .datetime-time-picker .q-time{border:none!important;box-shadow:none!important}[data-v-76abc7a3] .datetime-date-picker,[data-v-76abc7a3] .datetime-time-picker{max-width:290px}

package/dist/types.d.ts

@@ -0,0 +1,143 @@
+import { FormOptions as VueFormOptions } from '@quickflo/quickforms-vue';
+
+interface VueComponentDefaults {
+    select?: {
+        autocomplete?: boolean;
+        autocompleteThreshold?: number;
+    };
+    array?: {
+        collapsible?: boolean;
+        defaultCollapsed?: boolean;
+    };
+    number?: {
+        prefix?: string;
+        suffix?: string;
+    };
+    hints?: {
+        showMode?: 'always' | 'focus' | 'hover';
+    };
+}
+/**
+ * Quasar-specific component defaults
+ * These are applied globally to all Quasar components unless overridden by x-quasar-props
+ */
+export interface QuasarComponentDefaults extends VueComponentDefaults {
+    /** Global defaults applied to ALL Quasar components */
+    global?: {
+        /** CSS class(es) to apply to all components. Can be string or array. */
+        class?: string | string[];
+        /** Inline styles to apply to all components. */
+        style?: string | Record<string, string>;
+        /** Use outlined style for inputs. Default: false */
+        outlined?: boolean;
+        /** Use filled style for inputs. Default: false */
+        filled?: boolean;
+        /** Use dense mode for all components. Default: false */
+        dense?: boolean;
+        /** Use square borders. Default: false */
+        square?: boolean;
+        /** Use rounded borders. Default: false */
+        rounded?: boolean;
+        /** Global color for all components. Default: undefined */
+        color?: string;
+        /** Show bottom border only. Default: false */
+        borderless?: boolean;
+        /** Hide bottom space reserved for hint/error. Default: false */
+        hideBottomSpace?: boolean;
+    };
+    /** QInput-specific defaults */
+    input?: {
+        /** CSS class(es) for input fields */
+        class?: string | string[];
+        /** Inline styles for input fields */
+        style?: string | Record<string, string>;
+        /** Default outlined style. Default: false */
+        outlined?: boolean;
+        /** Default dense mode. Default: false */
+        dense?: boolean;
+        /** Show clear button. Default: false */
+        clearable?: boolean;
+        /** Input color. Default: undefined */
+        color?: string;
+    };
+    /** QSelect-specific defaults */
+    select?: {
+        /** Enable/disable autocomplete filtering. Default: true (enabled for all selects) */
+        autocomplete?: boolean;
+        /** CSS class(es) for select fields */
+        class?: string | string[];
+        /** Inline styles for select fields */
+        style?: string | Record<string, string>;
+        /** Default outlined style. Default: false */
+        outlined?: boolean;
+        /** Default dense mode. Default: false */
+        dense?: boolean;
+        /** Use chips for multiple selection. Default: false */
+        useChips?: boolean;
+        /** Select color. Default: undefined */
+        color?: string;
+    };
+    /** QCheckbox-specific defaults */
+    checkbox?: {
+        /** CSS class(es) for checkboxes */
+        class?: string | string[];
+        /** Inline styles for checkboxes */
+        style?: string | Record<string, string>;
+        /** Checkbox color. Default: 'primary' */
+        color?: string;
+        /** Keep color when unchecked. Default: false */
+        keepColor?: boolean;
+        /** Use dense mode. Default: false */
+        dense?: boolean;
+    };
+    /** QDate/QTime-specific defaults */
+    datetime?: {
+        /** CSS class(es) for datetime fields */
+        class?: string | string[];
+        /** Inline styles for datetime fields */
+        style?: string | Record<string, string>;
+        /** Date mask format. Default: 'YYYY-MM-DD' */
+        dateMask?: string;
+        /** Time mask format. Default: 'HH:mm:ss' */
+        timeMask?: string;
+        /** DateTime mask format. Default: 'YYYY-MM-DD HH:mm:ss' */
+        dateTimeMask?: string;
+        /** Color for date/time picker. Default: 'primary' */
+        color?: string;
+    };
+    /** QCard-specific defaults for arrays/objects */
+    card?: {
+        /** CSS class(es) for cards */
+        class?: string | string[];
+        /** Inline styles for cards */
+        style?: string | Record<string, string>;
+        /** Use flat style. Default: true */
+        flat?: boolean;
+        /** Show border. Default: true */
+        bordered?: boolean;
+        /** Use square borders. Default: false */
+        square?: boolean;
+    };
+    /** QExpansionItem-specific defaults for objects */
+    expansion?: {
+        /** CSS class(es) for expansion items */
+        class?: string | string[];
+        /** Inline styles for expansion items */
+        style?: string | Record<string, string>;
+        /** Start expanded. Default: true */
+        defaultOpened?: boolean;
+        /** Expansion icon. Default: undefined */
+        icon?: string;
+        /** Use dense mode. Default: false */
+        dense?: boolean;
+    };
+}
+/**
+ * Quasar-specific form options
+ * Extends Vue FormOptions with Quasar-specific componentDefaults
+ */
+export interface QuasarFormOptions extends Omit<VueFormOptions, 'componentDefaults'> {
+    componentDefaults?: QuasarComponentDefaults;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/utils.d.ts

@@ -0,0 +1,9 @@
+import { QuasarComponentDefaults } from './types';
+import { JSONSchema } from '@quickflo/quickforms';
+
+/**
+ * Merges Quasar component defaults with schema-level props
+ * Priority (lowest to highest): global defaults -> component-specific defaults -> x-component-props -> x-quasar-props
+ */
+export declare function mergeQuasarProps(schema: JSONSchema, componentDefaults: QuasarComponentDefaults | undefined, componentType: 'input' | 'select' | 'checkbox' | 'datetime' | 'card' | 'expansion'): Record<string, any>;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,uBAAuB,GAAG,SAAS,EACtD,aAAa,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,WAAW,GACjF,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAarB"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@quickflo/quickforms-quasar",
+  "version": "0.3.0",
+  "description": "Quasar UI components for QuickForms - JSON Schema form generator",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite",
+    "dev:build": "vite build --watch",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
+  "keywords": [
+    "quasar",
+    "vue3",
+    "jsonschema",
+    "forms",
+    "validation",
+    "veevalidate"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "quasar": "^2.0.0",
+    "vue": "^3.3.0"
+  },
+  "dependencies": {
+    "@quickflo/quickforms": "workspace:*",
+    "@quickflo/quickforms-vue": "workspace:*",
+    "vee-validate": "^4.12.0"
+  },
+  "devDependencies": {
+    "@quasar/extras": "^1.17.0",
+    "@quasar/vite-plugin": "^1.4.0",
+    "@types/node": "^20.0.0",
+    "@vitejs/plugin-vue": "^5.0.0",
+    "quasar": "^2.14.0",
+    "sass": "^1.94.2",
+    "typescript": "^5.3.0",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.0.0",
+    "vitest": "^1.0.0",
+    "vue": "^3.4.0"
+  }
+}