@narrative.io/jsonforms-provider-protocols 1.1.0-beta.9 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/vue/index.d.ts +1 -1
- package/dist/vue/index.d.ts.map +1 -1
- package/dist/vue/index.js +29 -4
- package/dist/vue/index.js.map +1 -1
- package/dist/vue/primevue/JfNumber.vue.d.ts.map +1 -1
- package/dist/vue/primevue/JfNumber.vue.js +2 -0
- package/dist/vue/primevue/JfNumber.vue.js.map +1 -1
- package/dist/vue/primevue/index.d.ts +2 -64
- package/dist/vue/primevue/index.d.ts.map +1 -1
- package/dist/vue/primevue/index.js +61 -32
- package/dist/vue/primevue/index.js.map +1 -1
- package/dist/vue/testers.d.ts.map +1 -1
- package/dist/vue/testers.js +14 -2
- package/dist/vue/testers.js.map +1 -1
- package/package.json +1 -1
- package/src/vue/index.ts +40 -4
- package/src/vue/primevue/JfNumber.vue +4 -0
- package/src/vue/primevue/index.ts +91 -58
- package/src/vue/testers.ts +20 -2
package/dist/vue/index.d.ts
CHANGED
|
@@ -14,7 +14,7 @@ export declare const providerRenderers: {
|
|
|
14
14
|
path: string;
|
|
15
15
|
}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
16
16
|
}[];
|
|
17
|
-
export { primevueRenderers } from "./primevue";
|
|
17
|
+
export { primevueRenderers, registerPrimevueRenderers } from "./primevue";
|
|
18
18
|
export { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect };
|
|
19
19
|
export { useProvider } from "./composables/useProvider";
|
|
20
20
|
export * from "./testers";
|
package/dist/vue/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASvD,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AASvD,OAAO,oBAAoB,MAAM,uCAAuC,CAAC;AACzE,OAAO,cAAc,MAAM,iCAAiC,CAAC;AAC7D,OAAO,mBAAmB,MAAM,sCAAsC,CAAC;AAoFvE,eAAO,MAAM,iBAAiB;;;;;;;;;;;GAI7B,CAAC;AAGF,OAAO,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AAG1E,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,cAAc,WAAW,CAAC;AAG1B,OAAO,EACL,MAAM,EACN,UAAU,EACV,QAAQ,EACR,MAAM,EACN,WAAW,EACX,SAAS,GACV,MAAM,YAAY,CAAC"}
|
package/dist/vue/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { rankWith, and, or, isStringControl, isNumberControl,
|
|
1
|
+
import { rankWith, and, or, isStringControl, isNumberControl, isControl } from "@jsonforms/core";
|
|
2
2
|
import _sfc_main from "./components/ProviderAutocomplete.vue.js";
|
|
3
3
|
import ProviderSelect from "./components/ProviderSelect.vue.js";
|
|
4
4
|
import ProviderMultiSelect from "./components/ProviderMultiSelect.vue.js";
|
|
5
|
-
import { primevueRenderers } from "./primevue/index.js";
|
|
5
|
+
import { primevueRenderers, registerPrimevueRenderers } from "./primevue/index.js";
|
|
6
6
|
import { useProvider } from "./composables/useProvider.js";
|
|
7
7
|
import { providerTester } from "./testers.js";
|
|
8
8
|
import { default as default2 } from "./primevue/JfText.vue.js";
|
|
@@ -18,7 +18,19 @@ const providerSelectTester = rankWith(
|
|
|
18
18
|
106,
|
|
19
19
|
// Higher than PrimeVue base (100) to ensure providers take precedence
|
|
20
20
|
and(
|
|
21
|
-
or(
|
|
21
|
+
or(
|
|
22
|
+
isStringControl,
|
|
23
|
+
isNumberControl,
|
|
24
|
+
and(isControl, (uischema, schema) => {
|
|
25
|
+
const ui = uischema;
|
|
26
|
+
const rootSchema = schema;
|
|
27
|
+
if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
|
|
28
|
+
return false;
|
|
29
|
+
const propertyName = ui.scope.replace("#/properties/", "");
|
|
30
|
+
const propertySchema = rootSchema.properties[propertyName];
|
|
31
|
+
return propertySchema?.type === "integer";
|
|
32
|
+
})
|
|
33
|
+
),
|
|
22
34
|
hasProvider,
|
|
23
35
|
(uischema) => !uischema?.options?.autocomplete
|
|
24
36
|
)
|
|
@@ -27,7 +39,19 @@ const providerAutocompleteTester = rankWith(
|
|
|
27
39
|
107,
|
|
28
40
|
// Higher than PrimeVue base (100) to ensure providers take precedence
|
|
29
41
|
and(
|
|
30
|
-
or(
|
|
42
|
+
or(
|
|
43
|
+
isStringControl,
|
|
44
|
+
isNumberControl,
|
|
45
|
+
and(isControl, (uischema, schema) => {
|
|
46
|
+
const ui = uischema;
|
|
47
|
+
const rootSchema = schema;
|
|
48
|
+
if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
|
|
49
|
+
return false;
|
|
50
|
+
const propertyName = ui.scope.replace("#/properties/", "");
|
|
51
|
+
const propertySchema = rootSchema.properties[propertyName];
|
|
52
|
+
return propertySchema?.type === "integer";
|
|
53
|
+
})
|
|
54
|
+
),
|
|
31
55
|
hasProvider,
|
|
32
56
|
(uischema) => uischema?.options?.autocomplete === true
|
|
33
57
|
)
|
|
@@ -65,6 +89,7 @@ export {
|
|
|
65
89
|
primevueRenderers,
|
|
66
90
|
providerRenderers,
|
|
67
91
|
providerTester,
|
|
92
|
+
registerPrimevueRenderers,
|
|
68
93
|
useProvider
|
|
69
94
|
};
|
|
70
95
|
//# sourceMappingURL=index.js.map
|
package/dist/vue/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/vue/index.ts"],"sourcesContent":["import type { UISchemaElement } from \"@jsonforms/core\";\nimport {\n and,\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/vue/index.ts"],"sourcesContent":["import type { UISchemaElement } from \"@jsonforms/core\";\nimport {\n and,\n isNumberControl,\n isStringControl,\n or,\n rankWith,\n isControl,\n} from \"@jsonforms/core\";\nimport ProviderAutocomplete from \"./components/ProviderAutocomplete.vue\";\nimport ProviderSelect from \"./components/ProviderSelect.vue\";\nimport ProviderMultiSelect from \"./components/ProviderMultiSelect.vue\";\n\n// Custom tester that checks if provider option exists (as object or boolean)\nconst hasProvider = (uischema: UISchemaElement) => {\n return uischema?.options?.provider !== undefined;\n};\n\n// Create specific testers for each component type\nconst providerSelectTester = rankWith(\n 106, // Higher than PrimeVue base (100) to ensure providers take precedence\n and(\n or(\n isStringControl,\n isNumberControl,\n and(isControl, (uischema: unknown, schema: unknown) => {\n const ui = uischema as { type?: string; scope?: string };\n const rootSchema = schema as {\n properties?: Record<string, { type?: string }>;\n };\n\n if (ui?.type !== \"Control\" || !ui?.scope || !rootSchema?.properties)\n return false;\n\n // Extract property name from scope (e.g., \"#/properties/age\" -> \"age\")\n const propertyName = ui.scope.replace(\"#/properties/\", \"\");\n const propertySchema = rootSchema.properties[propertyName];\n\n return propertySchema?.type === \"integer\";\n }),\n ),\n hasProvider,\n (uischema) => !uischema?.options?.autocomplete,\n ),\n);\n\nconst providerAutocompleteTester = rankWith(\n 107, // Higher than PrimeVue base (100) to ensure providers take precedence\n and(\n or(\n isStringControl,\n isNumberControl,\n and(isControl, (uischema: unknown, schema: unknown) => {\n const ui = uischema as { type?: string; scope?: string };\n const rootSchema = schema as {\n properties?: Record<string, { type?: string }>;\n };\n\n if (ui?.type !== \"Control\" || !ui?.scope || !rootSchema?.properties)\n return false;\n\n // Extract property name from scope (e.g., \"#/properties/age\" -> \"age\")\n const propertyName = ui.scope.replace(\"#/properties/\", \"\");\n const propertySchema = rootSchema.properties[propertyName];\n\n return propertySchema?.type === \"integer\";\n }),\n ),\n hasProvider,\n (uischema) => uischema?.options?.autocomplete === true,\n ),\n);\n\n// Custom array tester - check both uischema control type and schema type\nconst isArrayControl = (uischema: UISchemaElement, schema: unknown) => {\n const controlSchema = uischema as { type: string; scope?: string };\n if (controlSchema.type !== \"Control\" || !controlSchema.scope) {\n return false;\n }\n\n // Extract the property schema from the root schema\n const rootSchema = schema as { properties?: Record<string, unknown> };\n const propertyPath = controlSchema.scope.replace(\"#/properties/\", \"\");\n const propertySchema = rootSchema?.properties?.[propertyPath] as {\n type?: string;\n };\n\n return propertySchema?.type === \"array\";\n};\n\nconst providerMultiSelectTester = rankWith(\n 108, // Highest priority for array controls with providers\n and(isArrayControl, hasProvider),\n);\n\nexport const providerRenderers = [\n { tester: providerMultiSelectTester, renderer: ProviderMultiSelect },\n { tester: providerAutocompleteTester, renderer: ProviderAutocomplete },\n { tester: providerSelectTester, renderer: ProviderSelect },\n];\n\n// Export PrimeVue renderers (styles are auto-injected)\nexport { primevueRenderers, registerPrimevueRenderers } from \"./primevue\";\n\n// Export individual components\nexport { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect };\nexport { useProvider } from \"./composables/useProvider\";\nexport * from \"./testers\";\n\n// Export individual PrimeVue components using lazy evaluation to avoid circular deps\nexport {\n JfText,\n JfTextArea,\n JfNumber,\n JfEnum,\n JfEnumArray,\n JfBoolean,\n} from \"./primevue\";\n"],"names":["ProviderAutocomplete"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,cAAc,CAAC,aAA8B;AACjD,SAAO,UAAU,SAAS,aAAa;AACzC;AAGA,MAAM,uBAAuB;AAAA,EAC3B;AAAA;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA,IAAI,WAAW,CAAC,UAAmB,WAAoB;AACrD,cAAM,KAAK;AACX,cAAM,aAAa;AAInB,YAAI,IAAI,SAAS,aAAa,CAAC,IAAI,SAAS,CAAC,YAAY;AACvD,iBAAO;AAGT,cAAM,eAAe,GAAG,MAAM,QAAQ,iBAAiB,EAAE;AACzD,cAAM,iBAAiB,WAAW,WAAW,YAAY;AAEzD,eAAO,gBAAgB,SAAS;AAAA,MAClC,CAAC;AAAA,IAAA;AAAA,IAEH;AAAA,IACA,CAAC,aAAa,CAAC,UAAU,SAAS;AAAA,EAAA;AAEtC;AAEA,MAAM,6BAA6B;AAAA,EACjC;AAAA;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA,IAAI,WAAW,CAAC,UAAmB,WAAoB;AACrD,cAAM,KAAK;AACX,cAAM,aAAa;AAInB,YAAI,IAAI,SAAS,aAAa,CAAC,IAAI,SAAS,CAAC,YAAY;AACvD,iBAAO;AAGT,cAAM,eAAe,GAAG,MAAM,QAAQ,iBAAiB,EAAE;AACzD,cAAM,iBAAiB,WAAW,WAAW,YAAY;AAEzD,eAAO,gBAAgB,SAAS;AAAA,MAClC,CAAC;AAAA,IAAA;AAAA,IAEH;AAAA,IACA,CAAC,aAAa,UAAU,SAAS,iBAAiB;AAAA,EAAA;AAEtD;AAGA,MAAM,iBAAiB,CAAC,UAA2B,WAAoB;AACrE,QAAM,gBAAgB;AACtB,MAAI,cAAc,SAAS,aAAa,CAAC,cAAc,OAAO;AAC5D,WAAO;AAAA,EACT;AAGA,QAAM,aAAa;AACnB,QAAM,eAAe,cAAc,MAAM,QAAQ,iBAAiB,EAAE;AACpE,QAAM,iBAAiB,YAAY,aAAa,YAAY;AAI5D,SAAO,gBAAgB,SAAS;AAClC;AAEA,MAAM,4BAA4B;AAAA,EAChC;AAAA;AAAA,EACA,IAAI,gBAAgB,WAAW;AACjC;AAEO,MAAM,oBAAoB;AAAA,EAC/B,EAAE,QAAQ,2BAA2B,UAAU,oBAAA;AAAA,EAC/C,EAAE,QAAQ,4BAA4B,UAAUA,UAAA;AAAA,EAChD,EAAE,QAAQ,sBAAsB,UAAU,eAAA;AAC5C;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JfNumber.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfNumber.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"JfNumber.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfNumber.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkJA,wBAmQK"}
|
|
@@ -71,12 +71,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
71
71
|
() => typeof options.value.currency === "string" ? options.value.currency : "USD"
|
|
72
72
|
);
|
|
73
73
|
const minFractionDigits = computed(() => {
|
|
74
|
+
if (control.value.schema?.type === "integer") return 0;
|
|
74
75
|
if (mode.value === "currency") return 2;
|
|
75
76
|
if (typeof options.value.precision === "number")
|
|
76
77
|
return options.value.precision;
|
|
77
78
|
return void 0;
|
|
78
79
|
});
|
|
79
80
|
const maxFractionDigits = computed(() => {
|
|
81
|
+
if (control.value.schema?.type === "integer") return 0;
|
|
80
82
|
if (mode.value === "currency") return 2;
|
|
81
83
|
if (typeof options.value.precision === "number")
|
|
82
84
|
return options.value.precision;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JfNumber.vue.js","sources":["../../../src/vue/primevue/JfNumber.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"JfNumber\",\n props: {\n uischema: {\n type: Object,\n required: true,\n },\n schema: {\n type: Object,\n required: true,\n },\n path: {\n type: String,\n required: true,\n },\n enabled: {\n type: Boolean,\n default: undefined,\n },\n renderers: {\n type: Array,\n required: false,\n },\n cells: {\n type: Array,\n required: false,\n },\n config: {\n type: Object,\n required: false,\n },\n },\n};\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, getCurrentInstance } from \"vue\";\nimport { useDerive } from \"../composables/useDerive\";\nimport InputNumber from \"primevue/inputnumber\";\n\n// Access props from the component instance\nconst instance = getCurrentInstance()!;\nconst props = instance.props as unknown as ControlProps;\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst options = computed(\n () =>\n (control.value.uischema as { options?: Record<string, unknown> })\n ?.options ?? {},\n);\n\nconst placeholder = computed<string | undefined>(\n () => (options.value.placeholder as string) ?? control.value.description,\n);\n\n// Add derive functionality\nuseDerive({ control, handleChange });\n\n// Currency and decimal configuration\nconst mode = computed(() => {\n if (options.value.currency) return \"currency\";\n if (options.value.decimal || typeof options.value.precision === \"number\")\n return \"decimal\";\n return undefined;\n});\n\nconst currency = computed(() =>\n typeof options.value.currency === \"string\" ? options.value.currency : \"USD\",\n);\n\nconst minFractionDigits = computed(() => {\n if (mode.value === \"currency\") return 2;\n if (typeof options.value.precision === \"number\")\n return options.value.precision;\n return undefined;\n});\n\nconst maxFractionDigits = computed(() => {\n if (mode.value === \"currency\") return 2;\n if (typeof options.value.precision === \"number\")\n return options.value.precision;\n return undefined;\n});\n\nconst useGrouping = computed(() => {\n // Enable grouping for currency by default, or if explicitly set\n if (mode.value === \"currency\") return true;\n return options.value.useGrouping === true;\n});\n\n// Track user interaction\nconst hasInteracted = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nconst onNumber = (val: number | null) => {\n handleChange(control.value.path, val ?? undefined);\n};\n\nconst onBlur = () => {\n hasInteracted.value = true;\n};\n</script>\n\n<template>\n <div class=\"flex flex-column gap-2\">\n <label v-if=\"control.label\" class=\"text-color text-left\">{{\n control.label\n }}</label>\n <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n {{ control.description }}\n </div>\n <InputNumber\n class=\"w-full\"\n input-class=\"w-full\"\n :use-grouping=\"useGrouping\"\n :mode=\"mode\"\n :currency=\"currency\"\n :min-fraction-digits=\"minFractionDigits\"\n :max-fraction-digits=\"maxFractionDigits\"\n :model-value=\"typeof control.data === 'number' ? control.data : null\"\n :placeholder=\"placeholder\"\n :disabled=\"!control.enabled\"\n :aria-invalid=\"!!showErrors || undefined\"\n @update:model-value=\"onNumber\"\n @blur=\"onBlur\"\n />\n <small v-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;AACA,MAAA,cAAe;AAAA,EACb,MAAM;AAAA,EACN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,IAEZ,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;;;;AAWA,UAAM,WAAW,mBAAA;AACjB,UAAM,QAAQ,SAAS;AACvB,UAAM,EAAE,SAAS,iBAAiB,oBAAoB,KAAK;AAE3D,UAAM,UAAU;AAAA,MACd,MACG,QAAQ,MAAM,UACX,WAAW,CAAA;AAAA,IAAC;AAGpB,UAAM,cAAc;AAAA,MAClB,MAAO,QAAQ,MAAM,eAA0B,QAAQ,MAAM;AAAA,IAAA;AAI/D,cAAU,EAAE,SAAS,cAAc;AAGnC,UAAM,OAAO,SAAS,MAAM;AAC1B,UAAI,QAAQ,MAAM,SAAU,QAAO;AACnC,UAAI,QAAQ,MAAM,WAAW,OAAO,QAAQ,MAAM,cAAc;AAC9D,eAAO;AACT,aAAO;AAAA,IACT,CAAC;AAED,UAAM,WAAW;AAAA,MAAS,MACxB,OAAO,QAAQ,MAAM,aAAa,WAAW,QAAQ,MAAM,WAAW;AAAA,IAAA;AAGxE,UAAM,oBAAoB,SAAS,MAAM;
|
|
1
|
+
{"version":3,"file":"JfNumber.vue.js","sources":["../../../src/vue/primevue/JfNumber.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n name: \"JfNumber\",\n props: {\n uischema: {\n type: Object,\n required: true,\n },\n schema: {\n type: Object,\n required: true,\n },\n path: {\n type: String,\n required: true,\n },\n enabled: {\n type: Boolean,\n default: undefined,\n },\n renderers: {\n type: Array,\n required: false,\n },\n cells: {\n type: Array,\n required: false,\n },\n config: {\n type: Object,\n required: false,\n },\n },\n};\n</script>\n\n<script setup lang=\"ts\">\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, getCurrentInstance } from \"vue\";\nimport { useDerive } from \"../composables/useDerive\";\nimport InputNumber from \"primevue/inputnumber\";\n\n// Access props from the component instance\nconst instance = getCurrentInstance()!;\nconst props = instance.props as unknown as ControlProps;\nconst { control, handleChange } = useJsonFormsControl(props);\n\nconst options = computed(\n () =>\n (control.value.uischema as { options?: Record<string, unknown> })\n ?.options ?? {},\n);\n\nconst placeholder = computed<string | undefined>(\n () => (options.value.placeholder as string) ?? control.value.description,\n);\n\n// Add derive functionality\nuseDerive({ control, handleChange });\n\n// Currency and decimal configuration\nconst mode = computed(() => {\n if (options.value.currency) return \"currency\";\n if (options.value.decimal || typeof options.value.precision === \"number\")\n return \"decimal\";\n return undefined;\n});\n\nconst currency = computed(() =>\n typeof options.value.currency === \"string\" ? options.value.currency : \"USD\",\n);\n\nconst minFractionDigits = computed(() => {\n // For integer types, no fractional digits\n if (control.value.schema?.type === \"integer\") return 0;\n if (mode.value === \"currency\") return 2;\n if (typeof options.value.precision === \"number\")\n return options.value.precision;\n return undefined;\n});\n\nconst maxFractionDigits = computed(() => {\n // For integer types, no fractional digits\n if (control.value.schema?.type === \"integer\") return 0;\n if (mode.value === \"currency\") return 2;\n if (typeof options.value.precision === \"number\")\n return options.value.precision;\n return undefined;\n});\n\nconst useGrouping = computed(() => {\n // Enable grouping for currency by default, or if explicitly set\n if (mode.value === \"currency\") return true;\n return options.value.useGrouping === true;\n});\n\n// Track user interaction\nconst hasInteracted = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nconst onNumber = (val: number | null) => {\n handleChange(control.value.path, val ?? undefined);\n};\n\nconst onBlur = () => {\n hasInteracted.value = true;\n};\n</script>\n\n<template>\n <div class=\"flex flex-column gap-2\">\n <label v-if=\"control.label\" class=\"text-color text-left\">{{\n control.label\n }}</label>\n <div v-if=\"control.description\" class=\"text-color-secondary text-left\">\n {{ control.description }}\n </div>\n <InputNumber\n class=\"w-full\"\n input-class=\"w-full\"\n :use-grouping=\"useGrouping\"\n :mode=\"mode\"\n :currency=\"currency\"\n :min-fraction-digits=\"minFractionDigits\"\n :max-fraction-digits=\"maxFractionDigits\"\n :model-value=\"typeof control.data === 'number' ? control.data : null\"\n :placeholder=\"placeholder\"\n :disabled=\"!control.enabled\"\n :aria-invalid=\"!!showErrors || undefined\"\n @update:model-value=\"onNumber\"\n @blur=\"onBlur\"\n />\n <small v-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":"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"}
|
|
@@ -4,69 +4,7 @@ import JfNumber from "./JfNumber.vue";
|
|
|
4
4
|
import JfEnum from "./JfEnum.vue";
|
|
5
5
|
import JfEnumArray from "./JfEnumArray.vue";
|
|
6
6
|
import JfBoolean from "./JfBoolean.vue";
|
|
7
|
-
export declare const primevueRenderers:
|
|
8
|
-
|
|
9
|
-
renderer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
10
|
-
uischema: {
|
|
11
|
-
type: ObjectConstructor;
|
|
12
|
-
required: true;
|
|
13
|
-
};
|
|
14
|
-
schema: {
|
|
15
|
-
type: ObjectConstructor;
|
|
16
|
-
required: true;
|
|
17
|
-
};
|
|
18
|
-
path: {
|
|
19
|
-
type: StringConstructor;
|
|
20
|
-
required: true;
|
|
21
|
-
};
|
|
22
|
-
enabled: {
|
|
23
|
-
type: BooleanConstructor;
|
|
24
|
-
default: undefined;
|
|
25
|
-
};
|
|
26
|
-
renderers: {
|
|
27
|
-
type: ArrayConstructor;
|
|
28
|
-
required: false;
|
|
29
|
-
};
|
|
30
|
-
cells: {
|
|
31
|
-
type: ArrayConstructor;
|
|
32
|
-
required: false;
|
|
33
|
-
};
|
|
34
|
-
config: {
|
|
35
|
-
type: ObjectConstructor;
|
|
36
|
-
required: false;
|
|
37
|
-
};
|
|
38
|
-
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
39
|
-
uischema: {
|
|
40
|
-
type: ObjectConstructor;
|
|
41
|
-
required: true;
|
|
42
|
-
};
|
|
43
|
-
schema: {
|
|
44
|
-
type: ObjectConstructor;
|
|
45
|
-
required: true;
|
|
46
|
-
};
|
|
47
|
-
path: {
|
|
48
|
-
type: StringConstructor;
|
|
49
|
-
required: true;
|
|
50
|
-
};
|
|
51
|
-
enabled: {
|
|
52
|
-
type: BooleanConstructor;
|
|
53
|
-
default: undefined;
|
|
54
|
-
};
|
|
55
|
-
renderers: {
|
|
56
|
-
type: ArrayConstructor;
|
|
57
|
-
required: false;
|
|
58
|
-
};
|
|
59
|
-
cells: {
|
|
60
|
-
type: ArrayConstructor;
|
|
61
|
-
required: false;
|
|
62
|
-
};
|
|
63
|
-
config: {
|
|
64
|
-
type: ObjectConstructor;
|
|
65
|
-
required: false;
|
|
66
|
-
};
|
|
67
|
-
}>> & Readonly<{}>, {
|
|
68
|
-
enabled: boolean;
|
|
69
|
-
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
70
|
-
}[];
|
|
7
|
+
export declare const primevueRenderers: unknown[];
|
|
8
|
+
export declare function registerPrimevueRenderers(jsonformsCore: any): unknown[];
|
|
71
9
|
export { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean };
|
|
72
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,SAAS,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,SAAS,MAAM,iBAAiB,CAAC;AAkCxC,eAAO,MAAM,iBAAiB,EAAE,OAAO,EAAO,CAAC;AAK/C,wBAAgB,yBAAyB,CAAC,aAAa,EAAE,GAAG,GAAG,OAAO,EAAE,CAqFvE;AAED,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -4,7 +4,6 @@ import _sfc_main$2 from "./JfNumber.vue.js";
|
|
|
4
4
|
import _sfc_main$3 from "./JfEnum.vue.js";
|
|
5
5
|
import _sfc_main$4 from "./JfEnumArray.vue.js";
|
|
6
6
|
import _sfc_main$5 from "./JfBoolean.vue.js";
|
|
7
|
-
import { rankWith, isStringControl, or, isNumberControl, isIntegerControl, and, isControl, schemaMatches, isBooleanControl } from "@jsonforms/core";
|
|
8
7
|
const injectLayoutStyles = () => {
|
|
9
8
|
if (typeof window !== "undefined" && typeof document !== "undefined") {
|
|
10
9
|
if (!document.getElementById("jsonforms-primevue-styles")) {
|
|
@@ -29,36 +28,65 @@ const injectLayoutStyles = () => {
|
|
|
29
28
|
}
|
|
30
29
|
};
|
|
31
30
|
injectLayoutStyles();
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
31
|
+
let renderersInitialized = false;
|
|
32
|
+
const primevueRenderers = [];
|
|
33
|
+
function registerPrimevueRenderers(jsonformsCore) {
|
|
34
|
+
if (renderersInitialized) {
|
|
35
|
+
return primevueRenderers;
|
|
36
|
+
}
|
|
37
|
+
const {
|
|
38
|
+
rankWith,
|
|
39
|
+
isStringControl,
|
|
40
|
+
isNumberControl,
|
|
41
|
+
isIntegerControl,
|
|
42
|
+
and,
|
|
43
|
+
isControl,
|
|
44
|
+
schemaMatches,
|
|
45
|
+
isBooleanControl
|
|
46
|
+
} = jsonformsCore;
|
|
47
|
+
const PRIME = 100;
|
|
48
|
+
const isScalarEnum = (s) => {
|
|
49
|
+
const schema = s;
|
|
50
|
+
return schema && schema.type !== "array" && (Array.isArray(schema.enum) || Array.isArray(schema.oneOf));
|
|
51
|
+
};
|
|
52
|
+
const isEnumArray = (s) => {
|
|
53
|
+
const schema = s;
|
|
54
|
+
return schema?.type === "array" && (Array.isArray(schema.items?.enum) || Array.isArray(schema.items?.oneOf));
|
|
55
|
+
};
|
|
56
|
+
const isMultilineString = (uischema, schema) => {
|
|
57
|
+
const controlUischema = uischema;
|
|
58
|
+
return and(isStringControl, () => controlUischema?.options?.multi === true)(
|
|
59
|
+
uischema,
|
|
60
|
+
schema,
|
|
61
|
+
{}
|
|
62
|
+
);
|
|
63
|
+
};
|
|
64
|
+
const renderers = [
|
|
65
|
+
// Multiline text has higher priority than regular text
|
|
66
|
+
{ tester: rankWith(PRIME + 4, isMultilineString), renderer: _sfc_main },
|
|
67
|
+
{ tester: rankWith(PRIME + 3, isStringControl), renderer: _sfc_main$1 },
|
|
68
|
+
{
|
|
69
|
+
tester: rankWith(PRIME + 6, isIntegerControl),
|
|
70
|
+
renderer: _sfc_main$2
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
tester: rankWith(PRIME + 4, isNumberControl),
|
|
74
|
+
renderer: _sfc_main$2
|
|
75
|
+
},
|
|
76
|
+
{
|
|
77
|
+
tester: rankWith(PRIME + 7, and(isControl, schemaMatches(isScalarEnum))),
|
|
78
|
+
renderer: _sfc_main$3
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
tester: rankWith(PRIME + 8, and(isControl, schemaMatches(isEnumArray))),
|
|
82
|
+
renderer: _sfc_main$4
|
|
83
|
+
},
|
|
84
|
+
{ tester: rankWith(PRIME + 3, isBooleanControl), renderer: _sfc_main$5 }
|
|
85
|
+
];
|
|
86
|
+
primevueRenderers.splice(0, primevueRenderers.length, ...renderers);
|
|
87
|
+
renderersInitialized = true;
|
|
88
|
+
return renderers;
|
|
89
|
+
}
|
|
62
90
|
export {
|
|
63
91
|
_sfc_main$5 as JfBoolean,
|
|
64
92
|
_sfc_main$3 as JfEnum,
|
|
@@ -66,6 +94,7 @@ export {
|
|
|
66
94
|
_sfc_main$2 as JfNumber,
|
|
67
95
|
_sfc_main$1 as JfText,
|
|
68
96
|
_sfc_main as JfTextArea,
|
|
69
|
-
primevueRenderers
|
|
97
|
+
primevueRenderers,
|
|
98
|
+
registerPrimevueRenderers
|
|
70
99
|
};
|
|
71
100
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/vue/primevue/index.ts"],"sourcesContent":["import JfText from \"./JfText.vue\";\nimport JfTextArea from \"./JfTextArea.vue\";\nimport JfNumber from \"./JfNumber.vue\";\nimport JfEnum from \"./JfEnum.vue\";\nimport JfEnumArray from \"./JfEnumArray.vue\";\nimport JfBoolean from \"./JfBoolean.vue\";\n\n// Auto-inject layout styles\nconst injectLayoutStyles = () => {\n if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n if (!document.getElementById(\"jsonforms-primevue-styles\")) {\n const style = document.createElement(\"style\");\n style.id = \"jsonforms-primevue-styles\";\n style.textContent = `\n/* JSONForms PrimeVue Provider Protocols Layout Styles */\n.vertical-layout {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n width: 100%;\n}\n\n.vertical-layout-item {\n width: 100%;\n}\n `;\n document.head.appendChild(style);\n }\n }\n};\n\n// Inject styles when this module is imported\ninjectLayoutStyles();\n\
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/vue/primevue/index.ts"],"sourcesContent":["import JfText from \"./JfText.vue\";\nimport JfTextArea from \"./JfTextArea.vue\";\nimport JfNumber from \"./JfNumber.vue\";\nimport JfEnum from \"./JfEnum.vue\";\nimport JfEnumArray from \"./JfEnumArray.vue\";\nimport JfBoolean from \"./JfBoolean.vue\";\n\n// Auto-inject layout styles\nconst injectLayoutStyles = () => {\n if (typeof window !== \"undefined\" && typeof document !== \"undefined\") {\n if (!document.getElementById(\"jsonforms-primevue-styles\")) {\n const style = document.createElement(\"style\");\n style.id = \"jsonforms-primevue-styles\";\n style.textContent = `\n/* JSONForms PrimeVue Provider Protocols Layout Styles */\n.vertical-layout {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 1rem;\n width: 100%;\n}\n\n.vertical-layout-item {\n width: 100%;\n}\n `;\n document.head.appendChild(style);\n }\n }\n};\n\n// Inject styles when this module is imported\ninjectLayoutStyles();\n\n// Track whether renderers have been registered to avoid duplicate registrations\nlet renderersInitialized = false;\n\n// Return empty renderers array initially\nexport const primevueRenderers: unknown[] = [];\n\n// Export a function that can be called by the consumer to register renderers\n// This should only be called once during application initialization\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function registerPrimevueRenderers(jsonformsCore: any): unknown[] {\n // Prevent duplicate registration which causes AJV schema recompilation\n if (renderersInitialized) {\n return primevueRenderers as unknown[];\n }\n\n const {\n rankWith,\n isStringControl,\n isNumberControl,\n isIntegerControl,\n and,\n isControl,\n schemaMatches,\n isBooleanControl,\n } = jsonformsCore;\n\n // Give PrimeVue renderers a high base rank; vanilla commonly uses small ranks (2–5)\n const PRIME = 100;\n\n // helpers for enum detection - using simple schema checks instead of JSONForms internal functions\n const isScalarEnum = (s?: object) => {\n const schema = s as {\n type?: string;\n enum?: unknown[];\n oneOf?: unknown[];\n };\n return (\n schema &&\n schema.type !== \"array\" &&\n (Array.isArray(schema.enum) || Array.isArray(schema.oneOf))\n );\n };\n\n const isEnumArray = (s?: object) => {\n const schema = s as {\n type?: string;\n items?: { enum?: unknown[]; oneOf?: unknown[] };\n };\n return (\n schema?.type === \"array\" &&\n (Array.isArray(schema.items?.enum) || Array.isArray(schema.items?.oneOf))\n );\n };\n\n // helper for multiline detection\n const isMultilineString = (uischema: unknown, schema: unknown) => {\n const controlUischema = uischema as { options?: { multi?: boolean } };\n return and(isStringControl, () => controlUischema?.options?.multi === true)(\n uischema as Parameters<typeof isStringControl>[0],\n schema as Parameters<typeof isStringControl>[1],\n {} as Parameters<typeof isStringControl>[2],\n );\n };\n\n const renderers = [\n // Multiline text has higher priority than regular text\n { tester: rankWith(PRIME + 4, isMultilineString), renderer: JfTextArea },\n { tester: rankWith(PRIME + 3, isStringControl), renderer: JfText },\n {\n tester: rankWith(PRIME + 6, isIntegerControl),\n renderer: JfNumber,\n },\n {\n tester: rankWith(PRIME + 4, isNumberControl),\n renderer: JfNumber,\n },\n {\n tester: rankWith(PRIME + 7, and(isControl, schemaMatches(isScalarEnum))),\n renderer: JfEnum,\n },\n {\n tester: rankWith(PRIME + 8, and(isControl, schemaMatches(isEnumArray))),\n renderer: JfEnumArray,\n },\n { tester: rankWith(PRIME + 3, isBooleanControl), renderer: JfBoolean },\n ];\n\n // Update the exported array\n primevueRenderers.splice(0, primevueRenderers.length, ...renderers);\n\n // Mark as initialized to prevent duplicate registrations\n renderersInitialized = true;\n\n return renderers;\n}\n\nexport { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean };\n"],"names":["JfTextArea","JfText","JfNumber","JfEnum","JfEnumArray","JfBoolean"],"mappings":";;;;;;AAQA,MAAM,qBAAqB,MAAM;AAC/B,MAAI,OAAO,WAAW,eAAe,OAAO,aAAa,aAAa;AACpE,QAAI,CAAC,SAAS,eAAe,2BAA2B,GAAG;AACzD,YAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,YAAM,KAAK;AACX,YAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcpB,eAAS,KAAK,YAAY,KAAK;AAAA,IACjC;AAAA,EACF;AACF;AAGA,mBAAA;AAGA,IAAI,uBAAuB;AAGpB,MAAM,oBAA+B,CAAA;AAKrC,SAAS,0BAA0B,eAA+B;AAEvE,MAAI,sBAAsB;AACxB,WAAO;AAAA,EACT;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAGJ,QAAM,QAAQ;AAGd,QAAM,eAAe,CAAC,MAAe;AACnC,UAAM,SAAS;AAKf,WACE,UACA,OAAO,SAAS,YACf,MAAM,QAAQ,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,KAAK;AAAA,EAE7D;AAEA,QAAM,cAAc,CAAC,MAAe;AAClC,UAAM,SAAS;AAIf,WACE,QAAQ,SAAS,YAChB,MAAM,QAAQ,OAAO,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,OAAO,KAAK;AAAA,EAE3E;AAGA,QAAM,oBAAoB,CAAC,UAAmB,WAAoB;AAChE,UAAM,kBAAkB;AACxB,WAAO,IAAI,iBAAiB,MAAM,iBAAiB,SAAS,UAAU,IAAI;AAAA,MACxE;AAAA,MACA;AAAA,MACA,CAAA;AAAA,IAAC;AAAA,EAEL;AAEA,QAAM,YAAY;AAAA;AAAA,IAEhB,EAAE,QAAQ,SAAS,QAAQ,GAAG,iBAAiB,GAAG,UAAUA,UAAA;AAAA,IAC5D,EAAE,QAAQ,SAAS,QAAQ,GAAG,eAAe,GAAG,UAAUC,YAAA;AAAA,IAC1D;AAAA,MACE,QAAQ,SAAS,QAAQ,GAAG,gBAAgB;AAAA,MAC5C,UAAUC;AAAAA,IAAA;AAAA,IAEZ;AAAA,MACE,QAAQ,SAAS,QAAQ,GAAG,eAAe;AAAA,MAC3C,UAAUA;AAAAA,IAAA;AAAA,IAEZ;AAAA,MACE,QAAQ,SAAS,QAAQ,GAAG,IAAI,WAAW,cAAc,YAAY,CAAC,CAAC;AAAA,MACvE,UAAUC;AAAAA,IAAA;AAAA,IAEZ;AAAA,MACE,QAAQ,SAAS,QAAQ,GAAG,IAAI,WAAW,cAAc,WAAW,CAAC,CAAC;AAAA,MACtE,UAAUC;AAAAA,IAAA;AAAA,IAEZ,EAAE,QAAQ,SAAS,QAAQ,GAAG,gBAAgB,GAAG,UAAUC,YAAA;AAAA,EAAU;AAIvE,oBAAkB,OAAO,GAAG,kBAAkB,QAAQ,GAAG,SAAS;AAGlE,yBAAuB;AAEvB,SAAO;AACT;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testers.d.ts","sourceRoot":"","sources":["../../src/vue/testers.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"testers.d.ts","sourceRoot":"","sources":["../../src/vue/testers.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,cAAc,iKA0B1B,CAAC"}
|
package/dist/vue/testers.js
CHANGED
|
@@ -1,8 +1,20 @@
|
|
|
1
|
-
import { rankWith, and, or, isStringControl, isNumberControl,
|
|
1
|
+
import { rankWith, and, or, isStringControl, isNumberControl, isControl } from "@jsonforms/core";
|
|
2
2
|
const providerTester = rankWith(
|
|
3
3
|
5,
|
|
4
4
|
and(
|
|
5
|
-
or(
|
|
5
|
+
or(
|
|
6
|
+
isStringControl,
|
|
7
|
+
isNumberControl,
|
|
8
|
+
and(isControl, (uischema, schema) => {
|
|
9
|
+
const ui = uischema;
|
|
10
|
+
const rootSchema = schema;
|
|
11
|
+
if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
|
|
12
|
+
return false;
|
|
13
|
+
const propertyName = ui.scope.replace("#/properties/", "");
|
|
14
|
+
const propertySchema = rootSchema.properties[propertyName];
|
|
15
|
+
return propertySchema?.type === "integer";
|
|
16
|
+
})
|
|
17
|
+
),
|
|
6
18
|
(uischema) => uischema?.options?.provider !== void 0 && uischema?.options?.provider !== null
|
|
7
19
|
)
|
|
8
20
|
);
|
package/dist/vue/testers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"testers.js","sources":["../../src/vue/testers.ts"],"sourcesContent":["import {\n and,\n
|
|
1
|
+
{"version":3,"file":"testers.js","sources":["../../src/vue/testers.ts"],"sourcesContent":["import {\n and,\n isNumberControl,\n isStringControl,\n or,\n rankWith,\n isControl,\n} from \"@jsonforms/core\";\n\n// Tester that checks if provider option exists (as object or boolean)\nexport const providerTester = rankWith(\n 5,\n and(\n or(\n isStringControl,\n isNumberControl,\n and(isControl, (uischema: unknown, schema: unknown) => {\n const ui = uischema as { type?: string; scope?: string };\n const rootSchema = schema as {\n properties?: Record<string, { type?: string }>;\n };\n\n if (ui?.type !== \"Control\" || !ui?.scope || !rootSchema?.properties)\n return false;\n\n // Extract property name from scope (e.g., \"#/properties/age\" -> \"age\")\n const propertyName = ui.scope.replace(\"#/properties/\", \"\");\n const propertySchema = rootSchema.properties[propertyName];\n\n return propertySchema?.type === \"integer\";\n }),\n ),\n (uischema: import(\"@jsonforms/core\").UISchemaElement) =>\n uischema?.options?.provider !== undefined &&\n uischema?.options?.provider !== null,\n ),\n);\n"],"names":[],"mappings":";AAUO,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,IACE;AAAA,MACE;AAAA,MACA;AAAA,MACA,IAAI,WAAW,CAAC,UAAmB,WAAoB;AACrD,cAAM,KAAK;AACX,cAAM,aAAa;AAInB,YAAI,IAAI,SAAS,aAAa,CAAC,IAAI,SAAS,CAAC,YAAY;AACvD,iBAAO;AAGT,cAAM,eAAe,GAAG,MAAM,QAAQ,iBAAiB,EAAE;AACzD,cAAM,iBAAiB,WAAW,WAAW,YAAY;AAEzD,eAAO,gBAAgB,SAAS;AAAA,MAClC,CAAC;AAAA,IAAA;AAAA,IAEH,CAAC,aACC,UAAU,SAAS,aAAa,UAChC,UAAU,SAAS,aAAa;AAAA,EAAA;AAEtC;"}
|
package/package.json
CHANGED
package/src/vue/index.ts
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import type { UISchemaElement } from "@jsonforms/core";
|
|
2
2
|
import {
|
|
3
3
|
and,
|
|
4
|
-
isIntegerControl,
|
|
5
4
|
isNumberControl,
|
|
6
5
|
isStringControl,
|
|
7
6
|
or,
|
|
8
7
|
rankWith,
|
|
8
|
+
isControl,
|
|
9
9
|
} from "@jsonforms/core";
|
|
10
10
|
import ProviderAutocomplete from "./components/ProviderAutocomplete.vue";
|
|
11
11
|
import ProviderSelect from "./components/ProviderSelect.vue";
|
|
@@ -20,7 +20,25 @@ const hasProvider = (uischema: UISchemaElement) => {
|
|
|
20
20
|
const providerSelectTester = rankWith(
|
|
21
21
|
106, // Higher than PrimeVue base (100) to ensure providers take precedence
|
|
22
22
|
and(
|
|
23
|
-
or(
|
|
23
|
+
or(
|
|
24
|
+
isStringControl,
|
|
25
|
+
isNumberControl,
|
|
26
|
+
and(isControl, (uischema: unknown, schema: unknown) => {
|
|
27
|
+
const ui = uischema as { type?: string; scope?: string };
|
|
28
|
+
const rootSchema = schema as {
|
|
29
|
+
properties?: Record<string, { type?: string }>;
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
|
|
33
|
+
return false;
|
|
34
|
+
|
|
35
|
+
// Extract property name from scope (e.g., "#/properties/age" -> "age")
|
|
36
|
+
const propertyName = ui.scope.replace("#/properties/", "");
|
|
37
|
+
const propertySchema = rootSchema.properties[propertyName];
|
|
38
|
+
|
|
39
|
+
return propertySchema?.type === "integer";
|
|
40
|
+
}),
|
|
41
|
+
),
|
|
24
42
|
hasProvider,
|
|
25
43
|
(uischema) => !uischema?.options?.autocomplete,
|
|
26
44
|
),
|
|
@@ -29,7 +47,25 @@ const providerSelectTester = rankWith(
|
|
|
29
47
|
const providerAutocompleteTester = rankWith(
|
|
30
48
|
107, // Higher than PrimeVue base (100) to ensure providers take precedence
|
|
31
49
|
and(
|
|
32
|
-
or(
|
|
50
|
+
or(
|
|
51
|
+
isStringControl,
|
|
52
|
+
isNumberControl,
|
|
53
|
+
and(isControl, (uischema: unknown, schema: unknown) => {
|
|
54
|
+
const ui = uischema as { type?: string; scope?: string };
|
|
55
|
+
const rootSchema = schema as {
|
|
56
|
+
properties?: Record<string, { type?: string }>;
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
|
|
60
|
+
return false;
|
|
61
|
+
|
|
62
|
+
// Extract property name from scope (e.g., "#/properties/age" -> "age")
|
|
63
|
+
const propertyName = ui.scope.replace("#/properties/", "");
|
|
64
|
+
const propertySchema = rootSchema.properties[propertyName];
|
|
65
|
+
|
|
66
|
+
return propertySchema?.type === "integer";
|
|
67
|
+
}),
|
|
68
|
+
),
|
|
33
69
|
hasProvider,
|
|
34
70
|
(uischema) => uischema?.options?.autocomplete === true,
|
|
35
71
|
),
|
|
@@ -64,7 +100,7 @@ export const providerRenderers = [
|
|
|
64
100
|
];
|
|
65
101
|
|
|
66
102
|
// Export PrimeVue renderers (styles are auto-injected)
|
|
67
|
-
export { primevueRenderers } from "./primevue";
|
|
103
|
+
export { primevueRenderers, registerPrimevueRenderers } from "./primevue";
|
|
68
104
|
|
|
69
105
|
// Export individual components
|
|
70
106
|
export { ProviderAutocomplete, ProviderSelect, ProviderMultiSelect };
|
|
@@ -72,6 +72,8 @@ const currency = computed(() =>
|
|
|
72
72
|
);
|
|
73
73
|
|
|
74
74
|
const minFractionDigits = computed(() => {
|
|
75
|
+
// For integer types, no fractional digits
|
|
76
|
+
if (control.value.schema?.type === "integer") return 0;
|
|
75
77
|
if (mode.value === "currency") return 2;
|
|
76
78
|
if (typeof options.value.precision === "number")
|
|
77
79
|
return options.value.precision;
|
|
@@ -79,6 +81,8 @@ const minFractionDigits = computed(() => {
|
|
|
79
81
|
});
|
|
80
82
|
|
|
81
83
|
const maxFractionDigits = computed(() => {
|
|
84
|
+
// For integer types, no fractional digits
|
|
85
|
+
if (control.value.schema?.type === "integer") return 0;
|
|
82
86
|
if (mode.value === "currency") return 2;
|
|
83
87
|
if (typeof options.value.precision === "number")
|
|
84
88
|
return options.value.precision;
|
|
@@ -33,67 +33,100 @@ const injectLayoutStyles = () => {
|
|
|
33
33
|
// Inject styles when this module is imported
|
|
34
34
|
injectLayoutStyles();
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
const schema = s as { type?: string; enum?: unknown[]; oneOf?: unknown[] };
|
|
51
|
-
return (
|
|
52
|
-
schema &&
|
|
53
|
-
schema.type !== "array" &&
|
|
54
|
-
(Array.isArray(schema.enum) || Array.isArray(schema.oneOf))
|
|
55
|
-
);
|
|
56
|
-
};
|
|
36
|
+
// Track whether renderers have been registered to avoid duplicate registrations
|
|
37
|
+
let renderersInitialized = false;
|
|
38
|
+
|
|
39
|
+
// Return empty renderers array initially
|
|
40
|
+
export const primevueRenderers: unknown[] = [];
|
|
41
|
+
|
|
42
|
+
// Export a function that can be called by the consumer to register renderers
|
|
43
|
+
// This should only be called once during application initialization
|
|
44
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
45
|
+
export function registerPrimevueRenderers(jsonformsCore: any): unknown[] {
|
|
46
|
+
// Prevent duplicate registration which causes AJV schema recompilation
|
|
47
|
+
if (renderersInitialized) {
|
|
48
|
+
return primevueRenderers as unknown[];
|
|
49
|
+
}
|
|
57
50
|
|
|
58
|
-
const
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
51
|
+
const {
|
|
52
|
+
rankWith,
|
|
53
|
+
isStringControl,
|
|
54
|
+
isNumberControl,
|
|
55
|
+
isIntegerControl,
|
|
56
|
+
and,
|
|
57
|
+
isControl,
|
|
58
|
+
schemaMatches,
|
|
59
|
+
isBooleanControl,
|
|
60
|
+
} = jsonformsCore;
|
|
61
|
+
|
|
62
|
+
// Give PrimeVue renderers a high base rank; vanilla commonly uses small ranks (2–5)
|
|
63
|
+
const PRIME = 100;
|
|
64
|
+
|
|
65
|
+
// helpers for enum detection - using simple schema checks instead of JSONForms internal functions
|
|
66
|
+
const isScalarEnum = (s?: object) => {
|
|
67
|
+
const schema = s as {
|
|
68
|
+
type?: string;
|
|
69
|
+
enum?: unknown[];
|
|
70
|
+
oneOf?: unknown[];
|
|
71
|
+
};
|
|
72
|
+
return (
|
|
73
|
+
schema &&
|
|
74
|
+
schema.type !== "array" &&
|
|
75
|
+
(Array.isArray(schema.enum) || Array.isArray(schema.oneOf))
|
|
76
|
+
);
|
|
62
77
|
};
|
|
63
|
-
return (
|
|
64
|
-
schema?.type === "array" &&
|
|
65
|
-
(Array.isArray(schema.items?.enum) || Array.isArray(schema.items?.oneOf))
|
|
66
|
-
);
|
|
67
|
-
};
|
|
68
78
|
|
|
69
|
-
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
79
|
+
const isEnumArray = (s?: object) => {
|
|
80
|
+
const schema = s as {
|
|
81
|
+
type?: string;
|
|
82
|
+
items?: { enum?: unknown[]; oneOf?: unknown[] };
|
|
83
|
+
};
|
|
84
|
+
return (
|
|
85
|
+
schema?.type === "array" &&
|
|
86
|
+
(Array.isArray(schema.items?.enum) || Array.isArray(schema.items?.oneOf))
|
|
87
|
+
);
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
// helper for multiline detection
|
|
91
|
+
const isMultilineString = (uischema: unknown, schema: unknown) => {
|
|
92
|
+
const controlUischema = uischema as { options?: { multi?: boolean } };
|
|
93
|
+
return and(isStringControl, () => controlUischema?.options?.multi === true)(
|
|
94
|
+
uischema as Parameters<typeof isStringControl>[0],
|
|
95
|
+
schema as Parameters<typeof isStringControl>[1],
|
|
96
|
+
{} as Parameters<typeof isStringControl>[2],
|
|
97
|
+
);
|
|
98
|
+
};
|
|
99
|
+
|
|
100
|
+
const renderers = [
|
|
101
|
+
// Multiline text has higher priority than regular text
|
|
102
|
+
{ tester: rankWith(PRIME + 4, isMultilineString), renderer: JfTextArea },
|
|
103
|
+
{ tester: rankWith(PRIME + 3, isStringControl), renderer: JfText },
|
|
104
|
+
{
|
|
105
|
+
tester: rankWith(PRIME + 6, isIntegerControl),
|
|
106
|
+
renderer: JfNumber,
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
tester: rankWith(PRIME + 4, isNumberControl),
|
|
110
|
+
renderer: JfNumber,
|
|
111
|
+
},
|
|
112
|
+
{
|
|
113
|
+
tester: rankWith(PRIME + 7, and(isControl, schemaMatches(isScalarEnum))),
|
|
114
|
+
renderer: JfEnum,
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
tester: rankWith(PRIME + 8, and(isControl, schemaMatches(isEnumArray))),
|
|
118
|
+
renderer: JfEnumArray,
|
|
119
|
+
},
|
|
120
|
+
{ tester: rankWith(PRIME + 3, isBooleanControl), renderer: JfBoolean },
|
|
121
|
+
];
|
|
76
122
|
|
|
77
|
-
//
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
tester: rankWith(PRIME + 4, or(isNumberControl, isIntegerControl)),
|
|
86
|
-
renderer: JfNumber,
|
|
87
|
-
},
|
|
88
|
-
{
|
|
89
|
-
tester: rankWith(PRIME + 5, and(isControl, schemaMatches(isScalarEnum))),
|
|
90
|
-
renderer: JfEnum,
|
|
91
|
-
},
|
|
92
|
-
{
|
|
93
|
-
tester: rankWith(PRIME + 6, and(isControl, schemaMatches(isEnumArray))),
|
|
94
|
-
renderer: JfEnumArray,
|
|
95
|
-
},
|
|
96
|
-
{ tester: rankWith(PRIME + 3, isBooleanControl), renderer: JfBoolean },
|
|
97
|
-
];
|
|
123
|
+
// Update the exported array
|
|
124
|
+
primevueRenderers.splice(0, primevueRenderers.length, ...renderers);
|
|
125
|
+
|
|
126
|
+
// Mark as initialized to prevent duplicate registrations
|
|
127
|
+
renderersInitialized = true;
|
|
128
|
+
|
|
129
|
+
return renderers;
|
|
130
|
+
}
|
|
98
131
|
|
|
99
132
|
export { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean };
|
package/src/vue/testers.ts
CHANGED
|
@@ -1,17 +1,35 @@
|
|
|
1
1
|
import {
|
|
2
2
|
and,
|
|
3
|
-
isIntegerControl,
|
|
4
3
|
isNumberControl,
|
|
5
4
|
isStringControl,
|
|
6
5
|
or,
|
|
7
6
|
rankWith,
|
|
7
|
+
isControl,
|
|
8
8
|
} from "@jsonforms/core";
|
|
9
9
|
|
|
10
10
|
// Tester that checks if provider option exists (as object or boolean)
|
|
11
11
|
export const providerTester = rankWith(
|
|
12
12
|
5,
|
|
13
13
|
and(
|
|
14
|
-
or(
|
|
14
|
+
or(
|
|
15
|
+
isStringControl,
|
|
16
|
+
isNumberControl,
|
|
17
|
+
and(isControl, (uischema: unknown, schema: unknown) => {
|
|
18
|
+
const ui = uischema as { type?: string; scope?: string };
|
|
19
|
+
const rootSchema = schema as {
|
|
20
|
+
properties?: Record<string, { type?: string }>;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
if (ui?.type !== "Control" || !ui?.scope || !rootSchema?.properties)
|
|
24
|
+
return false;
|
|
25
|
+
|
|
26
|
+
// Extract property name from scope (e.g., "#/properties/age" -> "age")
|
|
27
|
+
const propertyName = ui.scope.replace("#/properties/", "");
|
|
28
|
+
const propertySchema = rootSchema.properties[propertyName];
|
|
29
|
+
|
|
30
|
+
return propertySchema?.type === "integer";
|
|
31
|
+
}),
|
|
32
|
+
),
|
|
15
33
|
(uischema: import("@jsonforms/core").UISchemaElement) =>
|
|
16
34
|
uischema?.options?.provider !== undefined &&
|
|
17
35
|
uischema?.options?.provider !== null,
|