@narrative.io/jsonforms-provider-protocols 1.1.0-beta.8 → 1.1.0-beta.9
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/index.js +10 -10
- package/dist/jsonforms-provider-protocols.css +0 -4
- package/dist/vue/index.js +6 -6
- package/dist/vue/primevue/JfEnum.vue.d.ts.map +1 -1
- package/dist/vue/primevue/JfEnum.vue.js +152 -5
- package/dist/vue/primevue/JfEnum.vue.js.map +1 -1
- package/dist/vue/primevue/JfEnum.vue2.js +1 -151
- package/dist/vue/primevue/JfEnum.vue2.js.map +1 -1
- package/dist/vue/primevue/index.js +9 -9
- package/dist/vue/primevue/index.js.map +1 -1
- package/package.json +1 -1
- package/src/vue/primevue/JfEnum.vue +0 -6
- package/src/vue/styles.css +5 -0
package/dist/index.js
CHANGED
|
@@ -8,13 +8,13 @@ import { default as default2 } from "./vue/components/ProviderAutocomplete.vue.j
|
|
|
8
8
|
import { default as default3 } from "./vue/primevue/JfText.vue.js";
|
|
9
9
|
import { default as default4 } from "./vue/primevue/JfTextArea.vue.js";
|
|
10
10
|
import { default as default5 } from "./vue/primevue/JfNumber.vue.js";
|
|
11
|
-
import { default as default6 } from "./vue/primevue/
|
|
12
|
-
import { default as default7 } from "./vue/primevue/
|
|
11
|
+
import { default as default6 } from "./vue/primevue/JfEnum.vue.js";
|
|
12
|
+
import { default as default7 } from "./vue/primevue/JfEnumArray.vue.js";
|
|
13
|
+
import { default as default8 } from "./vue/primevue/JfBoolean.vue.js";
|
|
13
14
|
import { primevueRenderers } from "./vue/primevue/index.js";
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
15
|
+
import { default as default9 } from "./vue/components/ProviderSelect.vue.js";
|
|
16
|
+
import { default as default10 } from "./vue/components/ProviderMultiSelect.vue.js";
|
|
16
17
|
import { useProvider } from "./vue/composables/useProvider.js";
|
|
17
|
-
import { default as default10 } from "./vue/primevue/JfEnum.vue.js";
|
|
18
18
|
const index = {
|
|
19
19
|
install(app, opts) {
|
|
20
20
|
const reg = registry;
|
|
@@ -29,15 +29,15 @@ const index = {
|
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
export {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
32
|
+
default8 as JfBoolean,
|
|
33
|
+
default6 as JfEnum,
|
|
34
|
+
default7 as JfEnumArray,
|
|
35
35
|
default5 as JfNumber,
|
|
36
36
|
default3 as JfText,
|
|
37
37
|
default4 as JfTextArea,
|
|
38
38
|
default2 as ProviderAutocomplete,
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
default10 as ProviderMultiSelect,
|
|
40
|
+
default9 as ProviderSelect,
|
|
41
41
|
RestApiProtocol,
|
|
42
42
|
cache,
|
|
43
43
|
index as default,
|
package/dist/vue/index.js
CHANGED
|
@@ -8,9 +8,9 @@ import { providerTester } from "./testers.js";
|
|
|
8
8
|
import { default as default2 } from "./primevue/JfText.vue.js";
|
|
9
9
|
import { default as default3 } from "./primevue/JfTextArea.vue.js";
|
|
10
10
|
import { default as default4 } from "./primevue/JfNumber.vue.js";
|
|
11
|
-
import { default as default5 } from "./primevue/
|
|
12
|
-
import { default as default6 } from "./primevue/
|
|
13
|
-
import { default as default7 } from "./primevue/
|
|
11
|
+
import { default as default5 } from "./primevue/JfEnum.vue.js";
|
|
12
|
+
import { default as default6 } from "./primevue/JfEnumArray.vue.js";
|
|
13
|
+
import { default as default7 } from "./primevue/JfBoolean.vue.js";
|
|
14
14
|
const hasProvider = (uischema) => {
|
|
15
15
|
return uischema?.options?.provider !== void 0;
|
|
16
16
|
};
|
|
@@ -53,9 +53,9 @@ const providerRenderers = [
|
|
|
53
53
|
{ tester: providerSelectTester, renderer: ProviderSelect }
|
|
54
54
|
];
|
|
55
55
|
export {
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
default7 as JfBoolean,
|
|
57
|
+
default5 as JfEnum,
|
|
58
|
+
default6 as JfEnumArray,
|
|
59
59
|
default4 as JfNumber,
|
|
60
60
|
default2 as JfText,
|
|
61
61
|
default3 as JfTextArea,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JfEnum.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnum.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"JfEnum.vue.d.ts","sourceRoot":"","sources":["../../../src/vue/primevue/JfEnum.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8LA,wBA8SK"}
|
|
@@ -1,8 +1,155 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
import { defineComponent, getCurrentInstance, computed, inject, ref, createElementBlock, openBlock, createCommentVNode, createVNode, unref, toDisplayString } from "vue";
|
|
2
|
+
import { useJsonFormsControl } from "@jsonforms/vue";
|
|
3
|
+
import { useProvider } from "../composables/useProvider.js";
|
|
4
|
+
import { useDerive } from "../composables/useDerive.js";
|
|
5
|
+
import Dropdown from "primevue/dropdown";
|
|
6
|
+
const _hoisted_1 = { class: "flex flex-column gap-2" };
|
|
7
|
+
const _hoisted_2 = {
|
|
8
|
+
key: 0,
|
|
9
|
+
class: "text-color text-left"
|
|
10
|
+
};
|
|
11
|
+
const _hoisted_3 = {
|
|
12
|
+
key: 1,
|
|
13
|
+
class: "text-color-secondary text-left"
|
|
14
|
+
};
|
|
15
|
+
const _hoisted_4 = {
|
|
16
|
+
key: 2,
|
|
17
|
+
class: "p-error",
|
|
18
|
+
role: "alert"
|
|
19
|
+
};
|
|
20
|
+
const _hoisted_5 = {
|
|
21
|
+
key: 3,
|
|
22
|
+
class: "p-error"
|
|
23
|
+
};
|
|
24
|
+
const __default__ = {
|
|
25
|
+
name: "JfEnum",
|
|
26
|
+
props: {
|
|
27
|
+
uischema: {
|
|
28
|
+
type: Object,
|
|
29
|
+
required: true
|
|
30
|
+
},
|
|
31
|
+
schema: {
|
|
32
|
+
type: Object,
|
|
33
|
+
required: true
|
|
34
|
+
},
|
|
35
|
+
path: {
|
|
36
|
+
type: String,
|
|
37
|
+
required: true
|
|
38
|
+
},
|
|
39
|
+
enabled: {
|
|
40
|
+
type: Boolean,
|
|
41
|
+
default: void 0
|
|
42
|
+
},
|
|
43
|
+
renderers: {
|
|
44
|
+
type: Array,
|
|
45
|
+
required: false
|
|
46
|
+
},
|
|
47
|
+
cells: {
|
|
48
|
+
type: Array,
|
|
49
|
+
required: false
|
|
50
|
+
},
|
|
51
|
+
config: {
|
|
52
|
+
type: Object,
|
|
53
|
+
required: false
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
58
|
+
...__default__,
|
|
59
|
+
setup(__props) {
|
|
60
|
+
const instance = getCurrentInstance();
|
|
61
|
+
const props = instance.props;
|
|
62
|
+
const { control, handleChange } = useJsonFormsControl(props);
|
|
63
|
+
const toOptions = (schema) => {
|
|
64
|
+
if (!schema) return [];
|
|
65
|
+
const s = schema;
|
|
66
|
+
if (Array.isArray(s.enum))
|
|
67
|
+
return s.enum.map((v) => ({ label: String(v), value: v }));
|
|
68
|
+
if (Array.isArray(s.oneOf))
|
|
69
|
+
return s.oneOf.map((o) => ({
|
|
70
|
+
label: o.title ?? String(o.const),
|
|
71
|
+
value: o.const
|
|
72
|
+
}));
|
|
73
|
+
return [];
|
|
74
|
+
};
|
|
75
|
+
const binding = computed(() => {
|
|
76
|
+
const provider = control.value.uischema?.options?.provider;
|
|
77
|
+
if (provider && typeof provider === "object" && !provider.load) {
|
|
78
|
+
return { ...provider, load: "mount" };
|
|
79
|
+
}
|
|
80
|
+
return provider;
|
|
81
|
+
});
|
|
82
|
+
const deps = computed(
|
|
83
|
+
() => control.value.schema?.["x-provider"]?.dependsOn ?? []
|
|
84
|
+
);
|
|
85
|
+
const depValues = computed(() => {
|
|
86
|
+
return deps.value.map((dep) => {
|
|
87
|
+
const path = dep.startsWith("#/") ? dep.slice(2) : dep;
|
|
88
|
+
const keys = path.replace(/\//g, ".").split(".");
|
|
89
|
+
let value = rootData.value;
|
|
90
|
+
for (const key of keys) {
|
|
91
|
+
if (value && typeof value === "object" && key in value) {
|
|
92
|
+
value = value[key];
|
|
93
|
+
} else {
|
|
94
|
+
return null;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
return value;
|
|
98
|
+
});
|
|
99
|
+
});
|
|
100
|
+
const injectedFormData = inject("formData", { value: {} });
|
|
101
|
+
const rootData = computed(() => injectedFormData.value || {});
|
|
102
|
+
const {
|
|
103
|
+
items: providerItems,
|
|
104
|
+
loading,
|
|
105
|
+
error
|
|
106
|
+
} = useProvider(binding, {
|
|
107
|
+
data: rootData,
|
|
108
|
+
path: control.value.path,
|
|
109
|
+
dependsOnValues: depValues.value
|
|
110
|
+
});
|
|
111
|
+
const placeholder = computed(() => {
|
|
112
|
+
if (loading.value) return "Loading…";
|
|
113
|
+
return control.value.uischema?.options?.placeholder ?? control.value.description;
|
|
114
|
+
});
|
|
115
|
+
const options = computed(() => {
|
|
116
|
+
if (binding.value && providerItems.value.length > 0) {
|
|
117
|
+
return providerItems.value;
|
|
118
|
+
}
|
|
119
|
+
return toOptions(control.value.schema);
|
|
120
|
+
});
|
|
121
|
+
useDerive({ control, handleChange });
|
|
122
|
+
const hasInteracted = ref(false);
|
|
123
|
+
const showErrors = computed(() => hasInteracted.value && control.value.errors);
|
|
124
|
+
const onSelect = (val) => {
|
|
125
|
+
handleChange(control.value.path, val);
|
|
126
|
+
};
|
|
127
|
+
const onBlur = () => {
|
|
128
|
+
hasInteracted.value = true;
|
|
129
|
+
};
|
|
130
|
+
return (_ctx, _cache) => {
|
|
131
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
132
|
+
unref(control).label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).label), 1)) : createCommentVNode("", true),
|
|
133
|
+
unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
|
|
134
|
+
createVNode(unref(Dropdown), {
|
|
135
|
+
class: "w-full",
|
|
136
|
+
options: options.value,
|
|
137
|
+
"option-label": "label",
|
|
138
|
+
"option-value": "value",
|
|
139
|
+
"model-value": unref(control).data ?? null,
|
|
140
|
+
placeholder: placeholder.value,
|
|
141
|
+
disabled: !unref(control).enabled || unref(loading),
|
|
142
|
+
"aria-invalid": !!showErrors.value || void 0,
|
|
143
|
+
"show-clear": true,
|
|
144
|
+
"onUpdate:modelValue": onSelect,
|
|
145
|
+
onBlur
|
|
146
|
+
}, null, 8, ["options", "model-value", "placeholder", "disabled", "aria-invalid"]),
|
|
147
|
+
unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
|
|
148
|
+
]);
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
});
|
|
5
152
|
export {
|
|
6
|
-
|
|
153
|
+
_sfc_main as default
|
|
7
154
|
};
|
|
8
155
|
//# sourceMappingURL=JfEnum.vue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JfEnum.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
1
|
+
{"version":3,"file":"JfEnum.vue.js","sources":["../../../src/vue/primevue/JfEnum.vue"],"sourcesContent":["<script lang=\"ts\">\n// Define props manually to avoid any potential circular dependency issues\nexport default {\n name: \"JfEnum\",\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 { JsonSchema } from \"@jsonforms/core\";\nimport type { ControlProps } from \"@jsonforms/vue\";\nimport { useJsonFormsControl } from \"@jsonforms/vue\";\nimport { computed, ref, inject, getCurrentInstance } from \"vue\";\nimport { useProvider } from \"../composables/useProvider\";\nimport { useDerive } from \"../composables/useDerive\";\nimport Dropdown from \"primevue/dropdown\";\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\ntype Opt = { label: string; value: unknown };\nconst toOptions = (schema?: JsonSchema): Opt[] => {\n if (!schema) return [];\n const s = schema as {\n enum?: unknown[];\n oneOf?: Array<{ title?: string; const: unknown }>;\n };\n if (Array.isArray(s.enum))\n return s.enum.map((v: unknown) => ({ label: String(v), value: v }));\n if (Array.isArray(s.oneOf))\n return s.oneOf.map((o) => ({\n label: o.title ?? String(o.const),\n value: o.const,\n }));\n return [];\n};\n\n// Provider support\nconst binding = computed(() => {\n const provider = control.value.uischema?.options?.provider;\n // Ensure load property is set to 'mount' by default\n if (provider && typeof provider === \"object\" && !provider.load) {\n return { ...provider, load: \"mount\" };\n }\n return provider;\n});\n\nconst deps = computed(\n () =>\n ((\n (control.value.schema as Record<string, unknown>)?.[\n \"x-provider\"\n ] as Record<string, unknown>\n )?.dependsOn as string[]) ?? [],\n);\nconst depValues = computed(() => {\n return deps.value.map((dep) => {\n // Resolve dependency value from form data using JSON pointer-like path\n const path = dep.startsWith(\"#/\") ? dep.slice(2) : dep;\n const keys = path.replace(/\\//g, \".\").split(\".\");\n let value: unknown = rootData.value;\n for (const key of keys) {\n if (value && typeof value === \"object\" && key in value) {\n value = (value as Record<string, unknown>)[key];\n } else {\n return null;\n }\n }\n return value;\n });\n});\n\n// Get the root form data from JSONForms context for template URL resolution\nconst injectedFormData = inject<{ value: unknown }>(\"formData\", { value: {} });\nconst rootData = computed(() => injectedFormData.value || {});\n\n// Use provider if available, otherwise fall back to schema enum/oneOf\nconst {\n items: providerItems,\n loading,\n error,\n} = useProvider(binding, {\n data: rootData,\n path: control.value.path,\n dependsOnValues: depValues.value,\n});\n\nconst placeholder = computed<string | undefined>(() => {\n if (loading.value) return \"Loading…\";\n return (\n (control.value.uischema as { options?: { placeholder?: string } })?.options\n ?.placeholder ?? control.value.description\n );\n});\n\nconst options = computed(() => {\n // Use provider items if available, otherwise fall back to schema enum/oneOf\n if (binding.value && providerItems.value.length > 0) {\n return providerItems.value;\n }\n return toOptions(control.value.schema);\n});\n\n// Add derive functionality\nuseDerive({ control, handleChange });\n\n// Track user interaction\nconst hasInteracted = ref(false);\n\nconst showErrors = computed(() => hasInteracted.value && control.value.errors);\n\nconst onSelect = (val: unknown) => {\n handleChange(control.value.path, val);\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 <Dropdown\n class=\"w-full\"\n :options=\"options\"\n option-label=\"label\"\n option-value=\"value\"\n :model-value=\"control.data ?? null\"\n :placeholder=\"placeholder\"\n :disabled=\"!control.enabled || loading\"\n :aria-invalid=\"!!showErrors || undefined\"\n :show-clear=\"true\"\n @update:model-value=\"onSelect\"\n @blur=\"onBlur\"\n />\n <small v-if=\"error\" class=\"p-error\" role=\"alert\"\n >Failed to load: {{ error }}</small\n >\n <small v-else-if=\"showErrors\" class=\"p-error\">{{ control.errors }}</small>\n </div>\n</template>\n"],"names":["_openBlock","_createElementBlock","_unref","_toDisplayString","_createVNode"],"mappings":"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"}
|
|
@@ -1,154 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useJsonFormsControl } from "@jsonforms/vue";
|
|
3
|
-
import { useProvider } from "../composables/useProvider.js";
|
|
4
|
-
import { useDerive } from "../composables/useDerive.js";
|
|
5
|
-
import Dropdown from "primevue/dropdown";
|
|
6
|
-
const _hoisted_1 = { class: "flex flex-column gap-2" };
|
|
7
|
-
const _hoisted_2 = {
|
|
8
|
-
key: 0,
|
|
9
|
-
class: "text-color text-left"
|
|
10
|
-
};
|
|
11
|
-
const _hoisted_3 = {
|
|
12
|
-
key: 1,
|
|
13
|
-
class: "text-color-secondary text-left"
|
|
14
|
-
};
|
|
15
|
-
const _hoisted_4 = {
|
|
16
|
-
key: 2,
|
|
17
|
-
class: "p-error",
|
|
18
|
-
role: "alert"
|
|
19
|
-
};
|
|
20
|
-
const _hoisted_5 = {
|
|
21
|
-
key: 3,
|
|
22
|
-
class: "p-error"
|
|
23
|
-
};
|
|
24
|
-
const __default__ = {
|
|
25
|
-
name: "JfEnum",
|
|
26
|
-
props: {
|
|
27
|
-
uischema: {
|
|
28
|
-
type: Object,
|
|
29
|
-
required: true
|
|
30
|
-
},
|
|
31
|
-
schema: {
|
|
32
|
-
type: Object,
|
|
33
|
-
required: true
|
|
34
|
-
},
|
|
35
|
-
path: {
|
|
36
|
-
type: String,
|
|
37
|
-
required: true
|
|
38
|
-
},
|
|
39
|
-
enabled: {
|
|
40
|
-
type: Boolean,
|
|
41
|
-
default: void 0
|
|
42
|
-
},
|
|
43
|
-
renderers: {
|
|
44
|
-
type: Array,
|
|
45
|
-
required: false
|
|
46
|
-
},
|
|
47
|
-
cells: {
|
|
48
|
-
type: Array,
|
|
49
|
-
required: false
|
|
50
|
-
},
|
|
51
|
-
config: {
|
|
52
|
-
type: Object,
|
|
53
|
-
required: false
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
};
|
|
57
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
58
|
-
...__default__,
|
|
59
|
-
setup(__props) {
|
|
60
|
-
const instance = getCurrentInstance();
|
|
61
|
-
const props = instance.props;
|
|
62
|
-
const { control, handleChange } = useJsonFormsControl(props);
|
|
63
|
-
const toOptions = (schema) => {
|
|
64
|
-
if (!schema) return [];
|
|
65
|
-
const s = schema;
|
|
66
|
-
if (Array.isArray(s.enum))
|
|
67
|
-
return s.enum.map((v) => ({ label: String(v), value: v }));
|
|
68
|
-
if (Array.isArray(s.oneOf))
|
|
69
|
-
return s.oneOf.map((o) => ({
|
|
70
|
-
label: o.title ?? String(o.const),
|
|
71
|
-
value: o.const
|
|
72
|
-
}));
|
|
73
|
-
return [];
|
|
74
|
-
};
|
|
75
|
-
const binding = computed(() => {
|
|
76
|
-
const provider = control.value.uischema?.options?.provider;
|
|
77
|
-
if (provider && typeof provider === "object" && !provider.load) {
|
|
78
|
-
return { ...provider, load: "mount" };
|
|
79
|
-
}
|
|
80
|
-
return provider;
|
|
81
|
-
});
|
|
82
|
-
const deps = computed(
|
|
83
|
-
() => control.value.schema?.["x-provider"]?.dependsOn ?? []
|
|
84
|
-
);
|
|
85
|
-
const depValues = computed(() => {
|
|
86
|
-
return deps.value.map((dep) => {
|
|
87
|
-
const path = dep.startsWith("#/") ? dep.slice(2) : dep;
|
|
88
|
-
const keys = path.replace(/\//g, ".").split(".");
|
|
89
|
-
let value = rootData.value;
|
|
90
|
-
for (const key of keys) {
|
|
91
|
-
if (value && typeof value === "object" && key in value) {
|
|
92
|
-
value = value[key];
|
|
93
|
-
} else {
|
|
94
|
-
return null;
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
return value;
|
|
98
|
-
});
|
|
99
|
-
});
|
|
100
|
-
const injectedFormData = inject("formData", { value: {} });
|
|
101
|
-
const rootData = computed(() => injectedFormData.value || {});
|
|
102
|
-
const {
|
|
103
|
-
items: providerItems,
|
|
104
|
-
loading,
|
|
105
|
-
error
|
|
106
|
-
} = useProvider(binding, {
|
|
107
|
-
data: rootData,
|
|
108
|
-
path: control.value.path,
|
|
109
|
-
dependsOnValues: depValues.value
|
|
110
|
-
});
|
|
111
|
-
const placeholder = computed(() => {
|
|
112
|
-
if (loading.value) return "Loading…";
|
|
113
|
-
return control.value.uischema?.options?.placeholder ?? control.value.description;
|
|
114
|
-
});
|
|
115
|
-
const options = computed(() => {
|
|
116
|
-
if (binding.value && providerItems.value.length > 0) {
|
|
117
|
-
return providerItems.value;
|
|
118
|
-
}
|
|
119
|
-
return toOptions(control.value.schema);
|
|
120
|
-
});
|
|
121
|
-
useDerive({ control, handleChange });
|
|
122
|
-
const hasInteracted = ref(false);
|
|
123
|
-
const showErrors = computed(() => hasInteracted.value && control.value.errors);
|
|
124
|
-
const onSelect = (val) => {
|
|
125
|
-
handleChange(control.value.path, val);
|
|
126
|
-
};
|
|
127
|
-
const onBlur = () => {
|
|
128
|
-
hasInteracted.value = true;
|
|
129
|
-
};
|
|
130
|
-
return (_ctx, _cache) => {
|
|
131
|
-
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
132
|
-
unref(control).label ? (openBlock(), createElementBlock("label", _hoisted_2, toDisplayString(unref(control).label), 1)) : createCommentVNode("", true),
|
|
133
|
-
unref(control).description ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(unref(control).description), 1)) : createCommentVNode("", true),
|
|
134
|
-
createVNode(unref(Dropdown), {
|
|
135
|
-
class: "w-full",
|
|
136
|
-
options: options.value,
|
|
137
|
-
"option-label": "label",
|
|
138
|
-
"option-value": "value",
|
|
139
|
-
"model-value": unref(control).data ?? null,
|
|
140
|
-
placeholder: placeholder.value,
|
|
141
|
-
disabled: !unref(control).enabled || unref(loading),
|
|
142
|
-
"aria-invalid": !!showErrors.value || void 0,
|
|
143
|
-
"show-clear": true,
|
|
144
|
-
"onUpdate:modelValue": onSelect,
|
|
145
|
-
onBlur
|
|
146
|
-
}, null, 8, ["options", "model-value", "placeholder", "disabled", "aria-invalid"]),
|
|
147
|
-
unref(error) ? (openBlock(), createElementBlock("small", _hoisted_4, "Failed to load: " + toDisplayString(unref(error)), 1)) : showErrors.value ? (openBlock(), createElementBlock("small", _hoisted_5, toDisplayString(unref(control).errors), 1)) : createCommentVNode("", true)
|
|
148
|
-
]);
|
|
149
|
-
};
|
|
150
|
-
}
|
|
151
|
-
});
|
|
1
|
+
import _sfc_main from "./JfEnum.vue.js";
|
|
152
2
|
export {
|
|
153
3
|
_sfc_main as default
|
|
154
4
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JfEnum.vue2.js","sources":[
|
|
1
|
+
{"version":3,"file":"JfEnum.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import _sfc_main$1 from "./JfText.vue.js";
|
|
2
2
|
import _sfc_main from "./JfTextArea.vue.js";
|
|
3
3
|
import _sfc_main$2 from "./JfNumber.vue.js";
|
|
4
|
-
import
|
|
5
|
-
import _sfc_main$
|
|
6
|
-
import _sfc_main$
|
|
4
|
+
import _sfc_main$3 from "./JfEnum.vue.js";
|
|
5
|
+
import _sfc_main$4 from "./JfEnumArray.vue.js";
|
|
6
|
+
import _sfc_main$5 from "./JfBoolean.vue.js";
|
|
7
7
|
import { rankWith, isStringControl, or, isNumberControl, isIntegerControl, and, isControl, schemaMatches, isBooleanControl } from "@jsonforms/core";
|
|
8
8
|
const injectLayoutStyles = () => {
|
|
9
9
|
if (typeof window !== "undefined" && typeof document !== "undefined") {
|
|
@@ -51,18 +51,18 @@ const primevueRenderers = [
|
|
|
51
51
|
},
|
|
52
52
|
{
|
|
53
53
|
tester: rankWith(PRIME + 5, and(isControl, schemaMatches(isScalarEnum))),
|
|
54
|
-
renderer:
|
|
54
|
+
renderer: _sfc_main$3
|
|
55
55
|
},
|
|
56
56
|
{
|
|
57
57
|
tester: rankWith(PRIME + 6, and(isControl, schemaMatches(isEnumArray))),
|
|
58
|
-
renderer: _sfc_main$
|
|
58
|
+
renderer: _sfc_main$4
|
|
59
59
|
},
|
|
60
|
-
{ tester: rankWith(PRIME + 3, isBooleanControl), renderer: _sfc_main$
|
|
60
|
+
{ tester: rankWith(PRIME + 3, isBooleanControl), renderer: _sfc_main$5 }
|
|
61
61
|
];
|
|
62
62
|
export {
|
|
63
|
-
_sfc_main$
|
|
64
|
-
JfEnum,
|
|
65
|
-
_sfc_main$
|
|
63
|
+
_sfc_main$5 as JfBoolean,
|
|
64
|
+
_sfc_main$3 as JfEnum,
|
|
65
|
+
_sfc_main$4 as JfEnumArray,
|
|
66
66
|
_sfc_main$2 as JfNumber,
|
|
67
67
|
_sfc_main$1 as JfText,
|
|
68
68
|
_sfc_main as JfTextArea,
|
|
@@ -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\nimport {\n rankWith,\n isStringControl,\n or,\n isNumberControl,\n isIntegerControl,\n and,\n isControl,\n schemaMatches,\n isBooleanControl,\n} from \"@jsonforms/core\";\n\n// helpers for enum detection\nconst isScalarEnum = (s?: object) => {\n const schema = s as { type?: string; enum?: unknown[]; oneOf?: unknown[] };\n return (\n schema &&\n schema.type !== \"array\" &&\n (Array.isArray(schema.enum) || Array.isArray(schema.oneOf))\n );\n};\n\nconst 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\nconst isMultilineString = (uischema: unknown, schema: unknown) => {\n return (\n isStringControl(uischema as never, schema as never, {} as never) &&\n (uischema as { options?: { multi?: boolean } })?.options?.multi === true\n );\n};\n\n// Give PrimeVue renderers a high base rank; vanilla commonly uses small ranks (2–5)\nconst PRIME = 100;\n\nexport const primevueRenderers = [\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 + 4, or(isNumberControl, isIntegerControl)),\n renderer: JfNumber,\n },\n {\n tester: rankWith(PRIME + 5, and(isControl, schemaMatches(isScalarEnum))),\n renderer: JfEnum,\n },\n {\n tester: rankWith(PRIME + 6, and(isControl, schemaMatches(isEnumArray))),\n renderer: JfEnumArray,\n },\n { tester: rankWith(PRIME + 3, isBooleanControl), renderer: JfBoolean },\n];\n\nexport { JfText, JfTextArea, JfNumber, JfEnum, JfEnumArray, JfBoolean };\n"],"names":["JfTextArea","JfText","JfNumber","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;AAeA,MAAM,eAAe,CAAC,MAAe;AACnC,QAAM,SAAS;AACf,SACE,UACA,OAAO,SAAS,YACf,MAAM,QAAQ,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,KAAK;AAE7D;AAEA,MAAM,cAAc,CAAC,MAAe;AAClC,QAAM,SAAS;AAIf,SACE,QAAQ,SAAS,YAChB,MAAM,QAAQ,OAAO,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,OAAO,KAAK;AAE3E;AAGA,MAAM,oBAAoB,CAAC,UAAmB,WAAoB;AAChE,SACE,gBAAgB,UAAmB,QAAiB,CAAA,CAAW,KAC9D,UAAgD,SAAS,UAAU;AAExE;AAGA,MAAM,QAAQ;AAEP,MAAM,oBAAoB;AAAA;AAAA,EAE/B,EAAE,QAAQ,SAAS,QAAQ,GAAG,iBAAiB,GAAG,UAAUA,UAAA;AAAA,EAC5D,EAAE,QAAQ,SAAS,QAAQ,GAAG,eAAe,GAAG,UAAUC,YAAA;AAAA,EAC1D;AAAA,IACE,QAAQ,SAAS,QAAQ,GAAG,GAAG,iBAAiB,gBAAgB,CAAC;AAAA,IACjE,UAAUC;AAAAA,EAAA;AAAA,EAEZ;AAAA,IACE,QAAQ,SAAS,QAAQ,GAAG,IAAI,WAAW,cAAc,YAAY,CAAC,CAAC;AAAA,IACvE,
|
|
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\nimport {\n rankWith,\n isStringControl,\n or,\n isNumberControl,\n isIntegerControl,\n and,\n isControl,\n schemaMatches,\n isBooleanControl,\n} from \"@jsonforms/core\";\n\n// helpers for enum detection\nconst isScalarEnum = (s?: object) => {\n const schema = s as { type?: string; enum?: unknown[]; oneOf?: unknown[] };\n return (\n schema &&\n schema.type !== \"array\" &&\n (Array.isArray(schema.enum) || Array.isArray(schema.oneOf))\n );\n};\n\nconst 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\nconst isMultilineString = (uischema: unknown, schema: unknown) => {\n return (\n isStringControl(uischema as never, schema as never, {} as never) &&\n (uischema as { options?: { multi?: boolean } })?.options?.multi === true\n );\n};\n\n// Give PrimeVue renderers a high base rank; vanilla commonly uses small ranks (2–5)\nconst PRIME = 100;\n\nexport const primevueRenderers = [\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 + 4, or(isNumberControl, isIntegerControl)),\n renderer: JfNumber,\n },\n {\n tester: rankWith(PRIME + 5, and(isControl, schemaMatches(isScalarEnum))),\n renderer: JfEnum,\n },\n {\n tester: rankWith(PRIME + 6, and(isControl, schemaMatches(isEnumArray))),\n renderer: JfEnumArray,\n },\n { tester: rankWith(PRIME + 3, isBooleanControl), renderer: JfBoolean },\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;AAeA,MAAM,eAAe,CAAC,MAAe;AACnC,QAAM,SAAS;AACf,SACE,UACA,OAAO,SAAS,YACf,MAAM,QAAQ,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,KAAK;AAE7D;AAEA,MAAM,cAAc,CAAC,MAAe;AAClC,QAAM,SAAS;AAIf,SACE,QAAQ,SAAS,YAChB,MAAM,QAAQ,OAAO,OAAO,IAAI,KAAK,MAAM,QAAQ,OAAO,OAAO,KAAK;AAE3E;AAGA,MAAM,oBAAoB,CAAC,UAAmB,WAAoB;AAChE,SACE,gBAAgB,UAAmB,QAAiB,CAAA,CAAW,KAC9D,UAAgD,SAAS,UAAU;AAExE;AAGA,MAAM,QAAQ;AAEP,MAAM,oBAAoB;AAAA;AAAA,EAE/B,EAAE,QAAQ,SAAS,QAAQ,GAAG,iBAAiB,GAAG,UAAUA,UAAA;AAAA,EAC5D,EAAE,QAAQ,SAAS,QAAQ,GAAG,eAAe,GAAG,UAAUC,YAAA;AAAA,EAC1D;AAAA,IACE,QAAQ,SAAS,QAAQ,GAAG,GAAG,iBAAiB,gBAAgB,CAAC;AAAA,IACjE,UAAUC;AAAAA,EAAA;AAAA,EAEZ;AAAA,IACE,QAAQ,SAAS,QAAQ,GAAG,IAAI,WAAW,cAAc,YAAY,CAAC,CAAC;AAAA,IACvE,UAAUC;AAAAA,EAAA;AAAA,EAEZ;AAAA,IACE,QAAQ,SAAS,QAAQ,GAAG,IAAI,WAAW,cAAc,WAAW,CAAC,CAAC;AAAA,IACtE,UAAUC;AAAAA,EAAA;AAAA,EAEZ,EAAE,QAAQ,SAAS,QAAQ,GAAG,gBAAgB,GAAG,UAAUC,YAAA;AAC7D;"}
|
package/package.json
CHANGED