@json-render/vue 0.18.0 → 0.19.0

package/dist/index.mjs

@@ -1272,6 +1272,7 @@ import {
   resolveActionParam,
   evaluateVisibility as evaluateVisibility2,
   getByPath as getByPath3,
+  createDirectiveRegistry,
   isDevtoolsActive,
   subscribeDevtoolsActive
 } from "@json-render/core";
@@ -1297,6 +1298,29 @@ function useFunctions() {
     computed6(() => EMPTY_FUNCTIONS)
   );
 }
+var DIRECTIVES_KEY = /* @__PURE__ */ Symbol("json-render:directives");
+var DirectivesProvider = defineComponent6({
+  name: "DirectivesProvider",
+  props: {
+    directives: {
+      type: Array,
+      default: void 0
+    }
+  },
+  setup(props, { slots }) {
+    const registry = computed6(
+      () => props.directives ? createDirectiveRegistry(props.directives) : void 0
+    );
+    provide6(DIRECTIVES_KEY, registry);
+    return () => slots.default?.();
+  }
+});
+function useDirectives() {
+  return inject6(
+    DIRECTIVES_KEY,
+    computed6(() => void 0)
+  );
+}
 var ElementErrorBoundary = defineComponent6({
   name: "ElementErrorBoundary",
   props: {
@@ -1384,6 +1408,7 @@ var ElementRenderer = defineComponent6({
     const { execute } = useActions();
     const { getSnapshot, state: watchState } = useStateStore();
     const functions = useFunctions();
+    const directives = useDirectives();
     const fullCtx = computed6(() => {
       const base = repeatScope ? {
         ...visibilityCtx.value,
@@ -1392,6 +1417,7 @@ var ElementRenderer = defineComponent6({
         repeatBasePath: repeatScope.basePath
       } : { ...visibilityCtx.value };
       base.functions = functions.value;
+      base.directives = directives.value;
       return base;
     });
     const emitEvent = async (eventName) => {
@@ -1671,6 +1697,10 @@ var JSONUIProvider = defineComponent6({
       type: Object,
       default: void 0
     },
+    directives: {
+      type: Array,
+      default: void 0
+    },
     onStateChange: {
       type: Function,
       default: void 0
@@ -1698,10 +1728,16 @@ var JSONUIProvider = defineComponent6({
                     FunctionsProvider,
                     { functions: props.functions },
                     {
-                      default: () => [
-                        slots.default?.(),
-                        h2(ConfirmationDialogManager)
-                      ]
+                      default: () => h2(
+                        DirectivesProvider,
+                        { directives: props.directives },
+                        {
+                          default: () => [
+                            slots.default?.(),
+                            h2(ConfirmationDialogManager)
+                          ]
+                        }
+                      )
                     }
                   )
                 }
@@ -1807,6 +1843,10 @@ function createRenderer(catalog, components) {
         type: Object,
         default: void 0
       },
+      directives: {
+        type: Array,
+        default: void 0
+      },
       loading: {
         type: Boolean,
         default: void 0
@@ -1845,15 +1885,21 @@ function createRenderer(catalog, components) {
                       FunctionsProvider,
                       { functions: rendererProps.functions },
                       {
-                        default: () => [
-                          h2(Renderer, {
-                            spec: rendererProps.spec,
-                            registry,
-                            loading: rendererProps.loading,
-                            fallback: rendererProps.fallback
-                          }),
-                          h2(ConfirmationDialogManager)
-                        ]
+                        default: () => h2(
+                          DirectivesProvider,
+                          { directives: rendererProps.directives },
+                          {
+                            default: () => [
+                              h2(Renderer, {
+                                spec: rendererProps.spec,
+                                registry,
+                                loading: rendererProps.loading,
+                                fallback: rendererProps.fallback
+                              }),
+                              h2(ConfirmationDialogManager)
+                            ]
+                          }
+                        )
                       }
                     )
                   }