@ghentcdh/json-forms-vue 1.1.1 → 2.0.0

package/composables/useFormEvents.d.ts

@@ -2,7 +2,7 @@
  * Event names that renderers can dispatch up to the form host. Expand this
  * union as new events are needed.
  */
-export type FormEventName = 'create';
+export type FormEventName = 'create' | 'view';
 /**
  * Payload passed along with every form event. `type` is user-defined (e.g.
  * `'author'`, `'keyword'`) so the host can decide what entity to act on.
@@ -11,7 +11,9 @@ export type FormEventPayload<TData = any, TResult = any> = {
     event: FormEventName;
     type: string;
     data?: TData;
-    onSuccess: (result: TResult) => void;
+    id?: string | number;
+    options?: Record<string, any>;
+    onSuccess?: (result: TResult) => void;
     onError?: (error: unknown) => void;
 };
 export type FormEventDispatch = <TData = any, TResult = any>(payload: FormEventPayload<TData, TResult>) => void;

package/composables/useHttpClient.d.ts

@@ -0,0 +1,12 @@
+import { HttpClient } from '../http-client';
+/**
+ * Provide an HttpClient instance to all descendant renderers.
+ * Call this in the component that hosts `<JsonForm>`.
+ */
+export declare const provideHttpClient: (http: HttpClient) => void;
+/**
+ * Inject the HttpClient inside a renderer.
+ * Throws if no provider is found — consumers must provide one via `provideHttpClient`
+ * or the `http` prop on `<JsonForm>` when using HTTP-dependent renderers.
+ */
+export declare const useHttpClient: () => HttpClient;

package/forms/FormComponent.properties.d.ts

@@ -1,4 +1,5 @@
 import { ExtractPublicPropTypes, PropType } from 'vue';
+import { HttpClient } from '../http-client';
 import { ErrorMode } from './errorMode';
 export type Data = {
     [key: string]: any;
@@ -33,6 +34,11 @@ export declare const JsonFormComponentProperties: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** Make all form controls readonly. */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /** Current form data object. */
     formData: {
         type: PropType<Data>;
@@ -43,6 +49,16 @@ export declare const JsonFormComponentProperties: {
         type: PropType<ErrorMode>;
         default: "onChanges";
     };
+    /** HTTP client used by renderers that fetch remote data (e.g. autocomplete). */
+    http: {
+        type: PropType<HttpClient>;
+        default: null;
+    };
+    /** Custom renderer registry. Overrides the default `customRenderers` when provided. */
+    renderers: {
+        type: PropType<any[]>;
+        default: null;
+    };
 };
 export type JsonFormComponentProp = ExtractPublicPropTypes<typeof JsonFormComponentProperties>;
 export declare const JsonFormComponentEmits: string[];

package/forms/FormComponent.vue.d.ts

@@ -20,6 +20,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     formData: {
         type: import('vue').PropType<Data>;
         default: () => {};
@@ -28,6 +32,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<import('./errorMode').ErrorMode>;
         default: "onChanges";
     };
+    http: {
+        type: import('vue').PropType<import('..').HttpClient>;
+        default: null;
+    };
+    renderers: {
+        type: import('vue').PropType<any[]>;
+        default: null;
+    };
 }>, {
     markSubmitted: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -51,6 +63,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     formData: {
         type: import('vue').PropType<Data>;
         default: () => {};
@@ -59,10 +75,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: import('vue').PropType<import('./errorMode').ErrorMode>;
         default: "onChanges";
     };
+    http: {
+        type: import('vue').PropType<import('..').HttpClient>;
+        default: null;
+    };
+    renderers: {
+        type: import('vue').PropType<any[]>;
+        default: null;
+    };
 }>> & Readonly<{}>, {
-    errorMode: import('./errorMode').ErrorMode;
     disabled: boolean;
     name: string;
+    readonly: boolean;
+    http: import('..').HttpClient;
+    errorMode: import('./errorMode').ErrorMode;
+    renderers: any[];
     formData: Data;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLFormElement>;
 export default _default;

package/forms/errorMode.d.ts

@@ -2,3 +2,4 @@ import { InjectionKey, Ref } from 'vue';
 export type ErrorMode = 'onBlur' | 'onChange' | 'onSubmit' | 'always';
 export declare const ERROR_MODE_KEY: InjectionKey<Ref<ErrorMode>>;
 export declare const FORM_SUBMITTED_KEY: InjectionKey<Ref<boolean>>;
+export declare const FORM_READONLY_KEY: InjectionKey<Ref<boolean>>;

package/forms/modal/FormModal.properties.d.ts

@@ -1,6 +1,7 @@
 import { ExtractPublicPropTypes, PropType } from 'vue';
 import { SizeType } from '../../../../core/src/index.ts';
 import { FormEventPayload } from '../../composables/useFormEvents';
+import { HttpClient } from '../../http-client';
 import { ErrorMode } from '../errorMode';
 export declare const FormModalProperties: {
     /** Title displayed in the modal header. */
@@ -52,6 +53,16 @@ export declare const FormModalProperties: {
         type: PropType<ErrorMode>;
         default: "onBlur";
     };
+    /** HTTP client passed through to the inner JsonForm for remote renderers (e.g. autocomplete). */
+    http: {
+        type: PropType<HttpClient>;
+        default: null;
+    };
+    /** Custom renderer registry passed to the inner JsonForm. */
+    renderers: {
+        type: PropType<any[]>;
+        default: null;
+    };
 };
 export type FormModalProp = ExtractPublicPropTypes<typeof FormModalProperties>;
 export declare const FormModalEmits: string[];

package/forms/modal/FormModal.vue.d.ts

@@ -26,6 +26,10 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             formData: {
                 type: import('vue').PropType<import('../FormComponent.properties').Data>;
                 default: () => {};
@@ -34,12 +38,23 @@ declare function __VLS_template(): {
                 type: import('vue').PropType<import('../errorMode').ErrorMode>;
                 default: "onChanges";
             };
+            http: {
+                type: import('vue').PropType<import('../..').HttpClient>;
+                default: null;
+            };
+            renderers: {
+                type: import('vue').PropType<any[]>;
+                default: null;
+            };
         }>> & Readonly<{}>, {
             markSubmitted: () => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            errorMode: import('../errorMode').ErrorMode;
             disabled: boolean;
             name: string;
+            readonly: boolean;
+            http: import('../..').HttpClient;
+            errorMode: import('../errorMode').ErrorMode;
+            renderers: any[];
             formData: import('../FormComponent.properties').Data;
         }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLFormElement, import('vue').ComponentProvideOptions, {
             P: {};
@@ -69,6 +84,10 @@ declare function __VLS_template(): {
                 type: BooleanConstructor;
                 default: boolean;
             };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
             formData: {
                 type: import('vue').PropType<import('../FormComponent.properties').Data>;
                 default: () => {};
@@ -77,12 +96,23 @@ declare function __VLS_template(): {
                 type: import('vue').PropType<import('../errorMode').ErrorMode>;
                 default: "onChanges";
             };
+            http: {
+                type: import('vue').PropType<import('../..').HttpClient>;
+                default: null;
+            };
+            renderers: {
+                type: import('vue').PropType<any[]>;
+                default: null;
+            };
         }>> & Readonly<{}>, {
             markSubmitted: () => void;
         }, {}, {}, {}, {
-            errorMode: import('../errorMode').ErrorMode;
             disabled: boolean;
             name: string;
+            readonly: boolean;
+            http: import('../..').HttpClient;
+            errorMode: import('../errorMode').ErrorMode;
+            renderers: any[];
             formData: import('../FormComponent.properties').Data;
         }> | null;
     };
@@ -129,6 +159,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<import('../errorMode').ErrorMode>;
         default: "onBlur";
     };
+    http: {
+        type: import('vue').PropType<import('../..').HttpClient>;
+        default: null;
+    };
+    renderers: {
+        type: import('vue').PropType<any[]>;
+        default: null;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
@@ -174,16 +212,26 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: import('vue').PropType<import('../errorMode').ErrorMode>;
         default: "onBlur";
     };
+    http: {
+        type: import('vue').PropType<import('../..').HttpClient>;
+        default: null;
+    };
+    renderers: {
+        type: import('vue').PropType<any[]>;
+        default: null;
+    };
     modelValue: {
         type: import('vue').PropType<any>;
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    cancelLabel: string;
+    http: import('../..').HttpClient;
     errorMode: import('../errorMode').ErrorMode;
     saveLabel: string;
-    cancelLabel: string;
     modalSize: "xs" | "sm" | "lg" | "xl";
+    renderers: any[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
     formRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         id: {
@@ -206,6 +254,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         formData: {
             type: import('vue').PropType<import('../FormComponent.properties').Data>;
             default: () => {};
@@ -214,12 +266,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<import('../errorMode').ErrorMode>;
             default: "onChanges";
         };
+        http: {
+            type: import('vue').PropType<import('../..').HttpClient>;
+            default: null;
+        };
+        renderers: {
+            type: import('vue').PropType<any[]>;
+            default: null;
+        };
     }>> & Readonly<{}>, {
         markSubmitted: () => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-        errorMode: import('../errorMode').ErrorMode;
         disabled: boolean;
         name: string;
+        readonly: boolean;
+        http: import('../..').HttpClient;
+        errorMode: import('../errorMode').ErrorMode;
+        renderers: any[];
         formData: import('../FormComponent.properties').Data;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLFormElement, import('vue').ComponentProvideOptions, {
         P: {};
@@ -249,6 +312,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: BooleanConstructor;
             default: boolean;
         };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         formData: {
             type: import('vue').PropType<import('../FormComponent.properties').Data>;
             default: () => {};
@@ -257,12 +324,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
             type: import('vue').PropType<import('../errorMode').ErrorMode>;
             default: "onChanges";
         };
+        http: {
+            type: import('vue').PropType<import('../..').HttpClient>;
+            default: null;
+        };
+        renderers: {
+            type: import('vue').PropType<any[]>;
+            default: null;
+        };
     }>> & Readonly<{}>, {
         markSubmitted: () => void;
     }, {}, {}, {}, {
-        errorMode: import('../errorMode').ErrorMode;
         disabled: boolean;
         name: string;
+        readonly: boolean;
+        http: import('../..').HttpClient;
+        errorMode: import('../errorMode').ErrorMode;
+        renderers: any[];
         formData: import('../FormComponent.properties').Data;
     }> | null;
 }, HTMLDialogElement>;

package/forms/modal/FormModalService.d.ts

@@ -1,8 +1,9 @@
 import { SizeType } from '../../../../core/src/index.ts';
 import { FormModalResult } from './FormModal.properties';
 import { FormEventPayload } from '../../composables/useFormEvents';
+import { HttpClient } from '../../http-client';
 export declare class JsonFormModalService {
-    static openModal<DATA = any>({ initialData, modalTitle, schema, uiSchema, modalSize, onClose, onEvents, }: {
+    static openModal<DATA = any>({ initialData, modalTitle, schema, uiSchema, modalSize, onClose, onEvents, http, renderers, }: {
         initialData?: DATA;
         schema: any;
         uiSchema: any;
@@ -10,5 +11,32 @@ export declare class JsonFormModalService {
         modalTitle: string;
         onClose: (result: FormModalResult) => void;
         onEvents?: (payload: FormEventPayload) => void;
+        http?: HttpClient;
+        renderers?: any[];
+    }): void;
+    static openViewModal<DATA = any>({ data, modalTitle, schema, uiSchema, modalSize, onClose, onEdit, onDelete, renderers, onView, }: {
+        data?: DATA;
+        schema: any;
+        uiSchema: any;
+        modalSize?: SizeType;
+        renderers?: any[];
+        modalTitle: string;
+        onClose?: () => void;
+        /**
+         * Called when the user clicks Edit.
+         * Passed as `onEdit` so Vue's v-bind spread in modalWrapper wires it as
+         * a listener for the `edit` event emitted by ViewModal.
+         */
+        onEdit?: (data: DATA) => void;
+        /**
+         * Called when the user clicks Delete.
+         * Passed as `onDelete` so Vue's v-bind spread in modalWrapper wires it as
+         * a listener for the `delete` event emitted by ViewModal.
+         */
+        onDelete?: (data: DATA) => void;
+        /**
+         * Called when the user clicks view in the form.
+         */
+        onView?: (data: any) => void;
     }): void;
 }

package/forms/renderers/array/ArrayRenderers.d.ts

@@ -1,5 +1,5 @@
 export declare const arrayRenderers: {
-    tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
+    tester: import('../../../testers/jsonforms-testers').RankedTester;
     renderer: import('vue').DefineComponent<{
         uischema: import('@jsonforms/core').UISchemaElement;
         schema: import('@jsonforms/core').JsonSchema;

package/forms/renderers/controls/{composable/UseControlBinding.d.ts → composables/useControlBinding.d.ts}

@@ -2,12 +2,16 @@ import { ControlElement, JsonSchema } from '@jsonforms/core';
 import { FieldContext } from 'vee-validate';
 import { Ref } from 'vue';
 import { ControlOption } from '../../../../../../core/src/index.ts';
-import { UseInputOptions } from './UseInput';
+import { UseInputOptions } from './useInput';
 export type useCustomProps = (uischema: ControlElement, schema: JsonSchema, field: FieldContext, options: any) => Ref<any>;
 export declare const useCustomControlBinding: <CONTROL_OPTION extends ControlOption = ControlOption>({ useProps, setDefaultValue, }?: {
     useProps?: useCustomProps;
+    additionalProps?: useCustomProps;
     setDefaultValue?: (field: FieldContext) => void;
 }) => (uischema: ControlElement, schema: JsonSchema, options?: {}) => {
+    formValues: import('vee-validate').GenericObject;
+    uischema: ControlElement;
+    schema: JsonSchema;
     wrapper: import('vue').ComputedRef<any>;
     value: Ref<unknown, unknown>;
     field: FieldContext<unknown>;
@@ -18,6 +22,9 @@ export declare const useCustomControlBinding: <CONTROL_OPTION extends ControlOpt
     } | CONTROL_OPTION>;
 };
 export declare const useControlBinding: (uischema: ControlElement, schema: JsonSchema, options?: UseInputOptions) => {
+    formValues: import('vee-validate').GenericObject;
+    uischema: ControlElement;
+    schema: JsonSchema;
     wrapper: import('vue').ComputedRef<any>;
     value: Ref<unknown, unknown>;
     field: FieldContext<unknown>;

package/forms/renderers/controls/{composable/UseFetchOption.d.ts → composables/useFetchOption.d.ts}

@@ -1,4 +1,5 @@
 import { AutocompleteAllOptions } from '../../../../../../core/src/index.ts';
+import { HttpClient } from '../../../../http-client';
 /**
  * Resolves autocomplete configuration from control options.
  *
@@ -7,10 +8,10 @@ import { AutocompleteAllOptions } from '../../../../../../core/src/index.ts';
  * config object with `fetchOptions`, label/value keys, and optional
  * inline-create form details.
  */
-export declare const useFetchOptions: (options: AutocompleteAllOptions) => Promise<{
-    fetchOptions: null;
+export declare const useFetchOptions: (options: AutocompleteAllOptions, http: HttpClient, formValues?: any) => Promise<{
+    fetchOptions: ((searchTerm: string, signal: AbortSignal) => Promise<any>) | null;
     labelKey: string | undefined;
     valueKey: string | undefined;
     enableCreate: boolean;
-    form: null;
+    form: Record<string, any> | null;
 }>;

package/forms/renderers/controls/composables/useReadonlyBinding.d.ts

@@ -0,0 +1,135 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+import { FieldContext } from 'vee-validate';
+import { ControlOption } from '../../../../../../core/src/index.ts';
+import { useCustomProps } from './useControlBinding';
+import { UseInputOptions } from './useInput';
+export declare const isLink: (value: string) => boolean;
+export declare const getNestedValue: (value: any, opts: any, formValues: any) => any;
+export declare const useCustomReadonlyControlBinding: <CONTROL_OPTION extends ControlOption = ControlOption>({ useProps, setDefaultValue, }?: {
+    useProps?: useCustomProps;
+    additionalProps?: useCustomProps;
+    setDefaultValue?: (field: FieldContext) => void;
+}) => (uischema: ControlElement, schema: JsonSchema, options?: {}) => {
+    wrapper: import('vue').ComputedRef<any>;
+    appliedOptions: import('vue').ComputedRef<{
+        [key: string]: any;
+    } | CONTROL_OPTION>;
+    displayWrapper: import('vue').ComputedRef<{
+        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            path: {
+                type: StringConstructor;
+                required: true;
+            };
+            displayValue: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+            options: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            value: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            path: {
+                type: StringConstructor;
+                required: true;
+            };
+            displayValue: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+            options: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            value: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
+            direction: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        value: {
+            value: unknown;
+            path: string;
+            displayValue: any;
+            options: {
+                [key: string]: any;
+            };
+            direction: "ltr" | "rtl";
+        };
+    }>;
+};
+export declare const useReadonlyControlBinding: (uischema: ControlElement, schema: JsonSchema, options?: UseInputOptions) => {
+    wrapper: import('vue').ComputedRef<any>;
+    appliedOptions: import('vue').ComputedRef<ControlOption | {
+        [key: string]: any;
+    }>;
+    displayWrapper: import('vue').ComputedRef<{
+        component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            path: {
+                type: StringConstructor;
+                required: true;
+            };
+            displayValue: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+            options: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            value: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            direction: {
+                type: StringConstructor;
+                default: string;
+            };
+            path: {
+                type: StringConstructor;
+                required: true;
+            };
+            displayValue: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+            options: {
+                type: ObjectConstructor;
+                required: true;
+            };
+            value: {
+                type: import('vue').PropType<unknown>;
+                required: true;
+            };
+        }>> & Readonly<{}>, {
+            direction: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        value: {
+            value: unknown;
+            path: string;
+            displayValue: any;
+            options: {
+                [key: string]: any;
+            };
+            direction: "ltr" | "rtl";
+        };
+    }>;
+};

package/forms/renderers/controls/{composable/UseSelectBinding.d.ts → composables/useSelectBinding.d.ts}

@@ -2,6 +2,9 @@ import { ControlElement, JsonSchema } from '@jsonforms/core';
 import { FieldContext } from 'vee-validate';
 import { AutocompleteAllOptions, SelectOptions } from '../../../../../../core/src/index.ts';
 export declare const useSelectBinding: (uischema: ControlElement, schema: JsonSchema, options?: {}) => {
+    formValues: import('vee-validate').GenericObject;
+    uischema: ControlElement;
+    schema: JsonSchema;
     wrapper: import('vue').ComputedRef<any>;
     value: import('vue').Ref<unknown, unknown>;
     field: FieldContext<unknown>;
@@ -12,6 +15,9 @@ export declare const useSelectBinding: (uischema: ControlElement, schema: JsonSc
     }>;
 };
 export declare const useAutocompleteBinding: (uischema: ControlElement, schema: JsonSchema, options?: {}) => {
+    formValues: import('vee-validate').GenericObject;
+    uischema: ControlElement;
+    schema: JsonSchema;
     wrapper: import('vue').ComputedRef<any>;
     value: import('vue').Ref<unknown, unknown>;
     field: FieldContext<unknown>;

package/forms/renderers/controls/index.d.ts

@@ -1,5 +1,5 @@
-export declare const index: {
-    tester: (uischema: import('@jsonforms/core').UISchemaElement, schema: import('@jsonforms/core').JsonSchema, context: import('@jsonforms/core').TesterContext) => number;
+export declare const controlRenderers: {
+    tester: import('../../../testers/jsonforms-testers').RankedTester;
     renderer: import('vue').DefineComponent<{
         uischema: import('@jsonforms/core').ControlElement;
         schema: import('@jsonforms/core').JsonSchema;

package/forms/renderers/controls/readonly/ControlReadonlyRenderer.vue.d.ts

@@ -0,0 +1,7 @@
+import { ControlElement, JsonSchema } from '@jsonforms/core';
+type __VLS_Props = {
+    uischema: ControlElement;
+    schema: JsonSchema;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;