@vunk/form 2.12.1 → 2.12.2

package/components/dialog-input-collection/index.cjs

@@ -7,18 +7,20 @@ var index = require('../index.cjs');
 var core = require('@vunk/core');
 var formItem = require('@vunk/form/components/form-item');
 var informationRenderer = require('@vunk/form/components/information-renderer');
-var composables = require('@vunk/form/composables');
+var composables$1 = require('@vunk/form/composables');
+var avatar = require('@vunk/plus/components/avatar');
 var tableColumns = require('@vunk/plus/components/table-columns');
+var _enum = require('@vunk/shared/enum');
+var _function = require('@vunk/shared/function');
 var elementPlus = require('element-plus');
+var composables = require('@vunk/core/composables');
+var form$1 = require('@vunk/form/components/form');
+var form = require('@vunk/form/shared/form');
+var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
+var informationTemplatesDefault = require('@vunk/form/components/information-templates-default');
 var rendererData = require('@vunk/form/components/renderer-data');
 var templateInstancesProvider = require('@vunk/form/components/template-instances-provider');
-var informationTemplatesDefault = require('@vunk/form/components/information-templates-default');
 var templatesDefault = require('@vunk/form/components/templates-default');
-var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
-var _enum = require('@vunk/shared/enum');
-var avatar = require('@vunk/plus/components/avatar');
-var form = require('@vunk/form/components/form');
-var _function = require('@vunk/shared/function');
 var cloneDeep = require('../cloneDeep.cjs');
 require('../isObject.cjs');
 
@@ -64,6 +66,9 @@ const props = {
     type: Object,
     default: () => ({})
   },
+  validateCatch: {
+    type: Function
+  },
   modules: {
     type: Array,
     default: () => ["operations:add"]
@@ -74,76 +79,6 @@ const emits = {
 };
 
 var _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
-  __name: "layout",
-  props: {
-    data: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["setData"],
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get VkfRendererData() {
-      return rendererData.VkfRendererData;
-    }, get VkfTemplateInstancesProvider() {
-      return templateInstancesProvider.VkfTemplateInstancesProvider;
-    }, get VkfInformationTemplates() {
-      return informationRenderer.VkfInformationTemplates;
-    }, get VkfInformationData() {
-      return informationRenderer.VkfInformationData;
-    }, get VkfInformationTemplatesDefault() {
-      return informationTemplatesDefault.VkfInformationTemplatesDefault;
-    }, get VkfTemplatesDefault() {
-      return templatesDefault.VkfTemplatesDefault;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createBlock($setup["VkfTemplateInstancesProvider"], null, {
-    placeholder: vue.withCtx(() => [
-      vue.createVNode($setup["VkfTemplatesDefault"])
-    ]),
-    default: vue.withCtx(() => [
-      vue.createVNode($setup["VkfInformationTemplates"], null, {
-        placeholder: vue.withCtx(() => [
-          vue.createVNode($setup["VkfInformationTemplatesDefault"])
-        ]),
-        default: vue.withCtx(() => [
-          vue.createVNode($setup["VkfRendererData"], {
-            data: $props.data,
-            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData", $event))
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode($setup["VkfInformationData"], {
-                data: $props.data,
-                onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
-              }, {
-                default: vue.withCtx(() => [
-                  vue.renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["data"])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["data"])
-        ]),
-        _: 3
-        /* FORWARDED */
-      })
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var TemplatesLayout = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/layout.vue"]]);
-
-var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "dialog-form",
   props: {
     title: {
@@ -169,6 +104,10 @@ var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     dialogFormProps: {
       type: Object,
       default: () => ({})
+    },
+    validateCatch: {
+      type: Function,
+      default: form.validateCatch
     }
   },
   emits: ["update:modelValue", "update:visible", "change"],
@@ -177,32 +116,42 @@ var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const formData = vue.ref(props.modelValue);
+    const formDef = composables.useDeferred();
+    formDef.promise.then((form) => {
+      props.dialogFormProps.elRef?.(form);
+    });
     vue.watch(() => props.visible, (v) => {
       if (props.openReset && v) {
         formData.value = { ...props.modelValue };
+        setTimeout(() => {
+          formDef.value?.clearValidate();
+        });
       }
     });
     function handleSubmit() {
-      emit("update:modelValue", formData.value);
-      emit("change", formData.value);
-      emit("update:visible", false);
+      formDef.value?.validate().then(() => {
+        emit("update:modelValue", formData.value);
+        emit("change", formData.value);
+        emit("update:visible", false);
+      }).catch(props.validateCatch);
     }
-    const __returned__ = { props, emit, formData, handleSubmit, get VkfForm() {
-      return form.VkfForm;
+    const __returned__ = { props, emit, formData, formDef, handleSubmit, get setData() {
+      return core.setData;
+    }, get VkfForm() {
+      return form$1.VkfForm;
     }, get ElDialog() {
       return elementPlus.ElDialog;
-    }, get setData() {
-      return core.setData;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElButton = vue.resolveComponent("ElButton");
   return vue.openBlock(), vue.createBlock($setup["ElDialog"], {
     "model-value": $props.visible,
+    "append-to-body": "",
     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:visible", $event))
   }, {
     header: vue.withCtx(() => [
@@ -231,16 +180,87 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     default: vue.withCtx(() => [
       vue.createVNode($setup["VkfForm"], vue.mergeProps($props.dialogFormProps, {
+        "el-ref": $setup.formDef.resolve,
         "form-items": $props.formItems,
         data: $setup.formData,
         onSetData: _cache[0] || (_cache[0] = ($event) => $setup.setData($setup.formData, $event))
-      }), null, 16, ["form-items", "data"])
+      }), null, 16, ["el-ref", "form-items", "data"])
     ]),
     _: 3
     /* FORWARDED */
   }, 8, ["model-value"]);
 }
-var DialogForm = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/dialog-form.vue"]]);
+var DialogForm = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/dialog-form.vue"]]);
+
+var _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
+  __name: "layout",
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["setData"],
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { get VkfInformationData() {
+      return informationRenderer.VkfInformationData;
+    }, get VkfInformationTemplates() {
+      return informationRenderer.VkfInformationTemplates;
+    }, get VkfInformationTemplatesDefault() {
+      return informationTemplatesDefault.VkfInformationTemplatesDefault;
+    }, get VkfRendererData() {
+      return rendererData.VkfRendererData;
+    }, get VkfTemplateInstancesProvider() {
+      return templateInstancesProvider.VkfTemplateInstancesProvider;
+    }, get VkfTemplatesDefault() {
+      return templatesDefault.VkfTemplatesDefault;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createBlock($setup["VkfTemplateInstancesProvider"], null, {
+    placeholder: vue.withCtx(() => [
+      vue.createVNode($setup["VkfTemplatesDefault"])
+    ]),
+    default: vue.withCtx(() => [
+      vue.createVNode($setup["VkfInformationTemplates"], null, {
+        placeholder: vue.withCtx(() => [
+          vue.createVNode($setup["VkfInformationTemplatesDefault"])
+        ]),
+        default: vue.withCtx(() => [
+          vue.createVNode($setup["VkfRendererData"], {
+            data: $props.data,
+            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData", $event))
+          }, {
+            default: vue.withCtx(() => [
+              vue.createVNode($setup["VkfInformationData"], {
+                data: $props.data,
+                onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["data"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["data"])
+        ]),
+        _: 3
+        /* FORWARDED */
+      })
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+var TemplatesLayout = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/layout.vue"]]);
 
 var _sfc_main = /* @__PURE__ */vue.defineComponent({
   ...{
@@ -254,14 +274,14 @@ var _sfc_main = /* @__PURE__ */vue.defineComponent({
     emit: __emit
   }) {
     __expose();
-    const ElTable = elementPlus.ElTable;
     const props = __props;
     const emit = __emit;
+    const ElTable = elementPlus.ElTable;
     const hasColAdd = vue.computed(() => {
       return props.modules.includes("operations:add");
     });
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props);
-    const readonly = composables.useComputedReadonly(props);
+    const readonly = composables$1.useComputedReadonly(props);
     const formData = vue.computed(() => {
       if (!props.prop || props.prop.length === 0) {
         return props.modelValue;
@@ -392,9 +412,9 @@ var _sfc_main = /* @__PURE__ */vue.defineComponent({
       emit("update:modelValue", core.getValue(data, props.prop));
     };
     const __returned__ = {
-      ElTable,
       props,
       emit,
+      ElTable,
       hasColAdd,
       formItemBindProps,
       readonly,
@@ -409,29 +429,29 @@ var _sfc_main = /* @__PURE__ */vue.defineComponent({
       handleEdit,
       handleDialogFormChange,
       handleFormSetData,
-      get Plus() {
-        return index.plus_default;
-      },
       get Edit() {
         return index.edit_default;
       },
+      get Plus() {
+        return index.plus_default;
+      },
       get VkfFormItem() {
         return formItem.VkfFormItem;
       },
+      get VkAvatar() {
+        return avatar.VkAvatar;
+      },
       get VkTableColumns() {
         return tableColumns.VkTableColumns;
       },
-      get ElButton() {
-        return elementPlus.ElButton;
-      },
-      TemplatesLayout,
       get CRUD() {
         return _enum.CRUD;
       },
-      get VkAvatar() {
-        return avatar.VkAvatar;
+      get ElButton() {
+        return elementPlus.ElButton;
       },
-      DialogForm
+      DialogForm,
+      TemplatesLayout
     };
     Object.defineProperty(__returned__, "__isScriptSetup", {
       enumerable: false,
@@ -518,6 +538,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.cuState.data = $event),
             "form-items": $setup.cuFormItems,
             "dialog-form-props": _ctx.dialogFormProps,
+            "validate-catch": _ctx.validateCatch,
             onChange: $setup.handleDialogFormChange
           }, {
             header: vue.withCtx(() => [
@@ -536,7 +557,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["visible", "modelValue", "form-items", "dialog-form-props"])
+          }, 8, ["visible", "modelValue", "form-items", "dialog-form-props", "validate-catch"])
         ]),
         _: 3
         /* FORWARDED */

package/components/dialog-input-collection/index.mjs

@@ -1,20 +1,22 @@
-import { defineComponent, openBlock, createBlock, withCtx, createVNode, renderSlot, ref, watch, resolveComponent, createTextVNode, mergeProps, computed, Fragment, reactive, createElementBlock, normalizeProps, guardReactiveProps, createSlots, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
+import { defineComponent, ref, watch, resolveComponent, openBlock, createBlock, withCtx, renderSlot, createVNode, createTextVNode, mergeProps, computed, Fragment, reactive, createElementBlock, normalizeProps, guardReactiveProps, createSlots, createCommentVNode, createElementVNode, toDisplayString } from 'vue';
 import { p as plus_default, e as edit_default, d as delete_default } from '../index.mjs';
 import { setData, ensetData, getValue } from '@vunk/core';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { VkfInformationTemplates, VkfInformationData, VkfInformationRenderer } from '@vunk/form/components/information-renderer';
+import { VkfInformationData, VkfInformationTemplates, VkfInformationRenderer } from '@vunk/form/components/information-renderer';
 import { useComputedReadonly } from '@vunk/form/composables';
+import { VkAvatar } from '@vunk/plus/components/avatar';
 import { VkTableColumns } from '@vunk/plus/components/table-columns';
+import { CRUD } from '@vunk/shared/enum';
+import { isCallable } from '@vunk/shared/function';
 import { ElDialog, ElButton, ElPopconfirm, ElTable } from 'element-plus';
+import { useDeferred } from '@vunk/core/composables';
+import { VkfForm } from '@vunk/form/components/form';
+import { validateCatch } from '@vunk/form/shared/form';
+import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
+import { VkfInformationTemplatesDefault } from '@vunk/form/components/information-templates-default';
 import { VkfRendererData } from '@vunk/form/components/renderer-data';
 import { VkfTemplateInstancesProvider } from '@vunk/form/components/template-instances-provider';
-import { VkfInformationTemplatesDefault } from '@vunk/form/components/information-templates-default';
 import { VkfTemplatesDefault } from '@vunk/form/components/templates-default';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import { CRUD } from '@vunk/shared/enum';
-import { VkAvatar } from '@vunk/plus/components/avatar';
-import { VkfForm } from '@vunk/form/components/form';
-import { isCallable } from '@vunk/shared/function';
 import { c as cloneDeep } from '../cloneDeep.mjs';
 import '../isObject.mjs';
 
@@ -60,6 +62,9 @@ const props = {
     type: Object,
     default: () => ({})
   },
+  validateCatch: {
+    type: Function
+  },
   modules: {
     type: Array,
     default: () => ["operations:add"]
@@ -70,76 +75,6 @@ const emits = {
 };
 
 var _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "layout",
-  props: {
-    data: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  emits: ["setData"],
-  setup(__props, { expose: __expose }) {
-    __expose();
-    const __returned__ = { get VkfRendererData() {
-      return VkfRendererData;
-    }, get VkfTemplateInstancesProvider() {
-      return VkfTemplateInstancesProvider;
-    }, get VkfInformationTemplates() {
-      return VkfInformationTemplates;
-    }, get VkfInformationData() {
-      return VkfInformationData;
-    }, get VkfInformationTemplatesDefault() {
-      return VkfInformationTemplatesDefault;
-    }, get VkfTemplatesDefault() {
-      return VkfTemplatesDefault;
-    } };
-    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
-    return __returned__;
-  }
-});
-
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock($setup["VkfTemplateInstancesProvider"], null, {
-    placeholder: withCtx(() => [
-      createVNode($setup["VkfTemplatesDefault"])
-    ]),
-    default: withCtx(() => [
-      createVNode($setup["VkfInformationTemplates"], null, {
-        placeholder: withCtx(() => [
-          createVNode($setup["VkfInformationTemplatesDefault"])
-        ]),
-        default: withCtx(() => [
-          createVNode($setup["VkfRendererData"], {
-            data: $props.data,
-            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData", $event))
-          }, {
-            default: withCtx(() => [
-              createVNode($setup["VkfInformationData"], {
-                data: $props.data,
-                onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-                /* FORWARDED */
-              }, 8, ["data"])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 8, ["data"])
-        ]),
-        _: 3
-        /* FORWARDED */
-      })
-    ]),
-    _: 3
-    /* FORWARDED */
-  });
-}
-var TemplatesLayout = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/layout.vue"]]);
-
-var _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "dialog-form",
   props: {
     title: {
@@ -165,6 +100,10 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     dialogFormProps: {
       type: Object,
       default: () => ({})
+    },
+    validateCatch: {
+      type: Function,
+      default: validateCatch
     }
   },
   emits: ["update:modelValue", "update:visible", "change"],
@@ -173,32 +112,42 @@ var _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const formData = ref(props.modelValue);
+    const formDef = useDeferred();
+    formDef.promise.then((form) => {
+      props.dialogFormProps.elRef?.(form);
+    });
     watch(() => props.visible, (v) => {
       if (props.openReset && v) {
         formData.value = { ...props.modelValue };
+        setTimeout(() => {
+          formDef.value?.clearValidate();
+        });
       }
     });
     function handleSubmit() {
-      emit("update:modelValue", formData.value);
-      emit("change", formData.value);
-      emit("update:visible", false);
+      formDef.value?.validate().then(() => {
+        emit("update:modelValue", formData.value);
+        emit("change", formData.value);
+        emit("update:visible", false);
+      }).catch(props.validateCatch);
     }
-    const __returned__ = { props, emit, formData, handleSubmit, get VkfForm() {
+    const __returned__ = { props, emit, formData, formDef, handleSubmit, get setData() {
+      return setData;
+    }, get VkfForm() {
       return VkfForm;
     }, get ElDialog() {
       return ElDialog;
-    }, get setData() {
-      return setData;
     } };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElButton = resolveComponent("ElButton");
   return openBlock(), createBlock($setup["ElDialog"], {
     "model-value": $props.visible,
+    "append-to-body": "",
     "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:visible", $event))
   }, {
     header: withCtx(() => [
@@ -227,16 +176,87 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ]),
     default: withCtx(() => [
       createVNode($setup["VkfForm"], mergeProps($props.dialogFormProps, {
+        "el-ref": $setup.formDef.resolve,
         "form-items": $props.formItems,
         data: $setup.formData,
         onSetData: _cache[0] || (_cache[0] = ($event) => $setup.setData($setup.formData, $event))
-      }), null, 16, ["form-items", "data"])
+      }), null, 16, ["el-ref", "form-items", "data"])
     ]),
     _: 3
     /* FORWARDED */
   }, 8, ["model-value"]);
 }
-var DialogForm = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/dialog-form.vue"]]);
+var DialogForm = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/dialog-form.vue"]]);
+
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "layout",
+  props: {
+    data: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["setData"],
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const __returned__ = { get VkfInformationData() {
+      return VkfInformationData;
+    }, get VkfInformationTemplates() {
+      return VkfInformationTemplates;
+    }, get VkfInformationTemplatesDefault() {
+      return VkfInformationTemplatesDefault;
+    }, get VkfRendererData() {
+      return VkfRendererData;
+    }, get VkfTemplateInstancesProvider() {
+      return VkfTemplateInstancesProvider;
+    }, get VkfTemplatesDefault() {
+      return VkfTemplatesDefault;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["VkfTemplateInstancesProvider"], null, {
+    placeholder: withCtx(() => [
+      createVNode($setup["VkfTemplatesDefault"])
+    ]),
+    default: withCtx(() => [
+      createVNode($setup["VkfInformationTemplates"], null, {
+        placeholder: withCtx(() => [
+          createVNode($setup["VkfInformationTemplatesDefault"])
+        ]),
+        default: withCtx(() => [
+          createVNode($setup["VkfRendererData"], {
+            data: $props.data,
+            onSetData: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("setData", $event))
+          }, {
+            default: withCtx(() => [
+              createVNode($setup["VkfInformationData"], {
+                data: $props.data,
+                onSetData: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("setData", $event))
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "default")
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["data"])
+            ]),
+            _: 3
+            /* FORWARDED */
+          }, 8, ["data"])
+        ]),
+        _: 3
+        /* FORWARDED */
+      })
+    ]),
+    _: 3
+    /* FORWARDED */
+  });
+}
+var TemplatesLayout = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/dialog-input-collection/src/layout.vue"]]);
 
 var _sfc_main = /* @__PURE__ */defineComponent({
   ...{
@@ -250,9 +270,9 @@ var _sfc_main = /* @__PURE__ */defineComponent({
     emit: __emit
   }) {
     __expose();
-    const ElTable$1 = ElTable;
     const props = __props;
     const emit = __emit;
+    const ElTable$1 = ElTable;
     const hasColAdd = computed(() => {
       return props.modules.includes("operations:add");
     });
@@ -388,9 +408,9 @@ var _sfc_main = /* @__PURE__ */defineComponent({
       emit("update:modelValue", getValue(data, props.prop));
     };
     const __returned__ = {
-      ElTable: ElTable$1,
       props,
       emit,
+      ElTable: ElTable$1,
       hasColAdd,
       formItemBindProps,
       readonly,
@@ -405,29 +425,29 @@ var _sfc_main = /* @__PURE__ */defineComponent({
       handleEdit,
       handleDialogFormChange,
       handleFormSetData,
-      get Plus() {
-        return plus_default;
-      },
       get Edit() {
         return edit_default;
       },
+      get Plus() {
+        return plus_default;
+      },
       get VkfFormItem() {
         return VkfFormItem;
       },
+      get VkAvatar() {
+        return VkAvatar;
+      },
       get VkTableColumns() {
         return VkTableColumns;
       },
-      get ElButton() {
-        return ElButton;
-      },
-      TemplatesLayout,
       get CRUD() {
         return CRUD;
       },
-      get VkAvatar() {
-        return VkAvatar;
+      get ElButton() {
+        return ElButton;
       },
-      DialogForm
+      DialogForm,
+      TemplatesLayout
     };
     Object.defineProperty(__returned__, "__isScriptSetup", {
       enumerable: false,
@@ -514,6 +534,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => $setup.cuState.data = $event),
             "form-items": $setup.cuFormItems,
             "dialog-form-props": _ctx.dialogFormProps,
+            "validate-catch": _ctx.validateCatch,
             onChange: $setup.handleDialogFormChange
           }, {
             header: withCtx(() => [
@@ -532,7 +553,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
             /* STABLE */
-          }, 8, ["visible", "modelValue", "form-items", "dialog-form-props"])
+          }, 8, ["visible", "modelValue", "form-items", "dialog-form-props", "validate-catch"])
         ]),
         _: 3
         /* FORWARDED */